vue2环境变量配置开发环境和生产环境
在项目根目录下新建.env文件
写入变量比如本地链接
这里面其中的 VUE_APP_ 这个是项目固定写死的,不可更改,其后面的名称可以自己随便取,在这里我取的名字为 BASE_API
VUE_APP_BASE_API=http://127.0.0.1:5000/
在读取的时候使用process.env.VUE_APP_BASE_API就可以读到这个全局变量
process.env.NODE_ENV有两个值开发环境:development,部署环境:production 都为Srting字符串
下面示例给baseurl添加一个开发环境用的url和部署环境用的url
const baseURL = process.env.NODE_ENV === 'development'
? process.env.VUE_APP_BASE_API
: 'https://wiki.19950823.xyz/' // 通过全局变量配置本次环境和开发环境的值
vue.config.js 配置编译打包后的目录
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
publicPath: process.env.NODE_ENV === 'development' ? '/' : '../static/admin/'
})