最近使用的不同的环境有点多了,接口文件ip一直在替换打包,看了下文档,有个方案使用.env配置不同的环境运行打包
vue 现在已经兼容了env ,无需下载
创建文件(根目录)
创建.env.development,.env.production,.env.test 以上文件(仅仅是个人习惯,可以根据自己需要创建)
- .env. 全局变量,不同的环境都可以使用
- .env.development 开发环境
- .env.production 生产环境
- .env.test 本地环境
- .env. name name环境 (自定义环境)
内容配置
NODE_ENV='test' //环境的名称# 自定义变量:(必须VUE_APP_开头,否则无法识别变量)
VUE_APP_ServeUrl="xx"
注意:内容书写完之后,好像无法从外部修改,
使用变量:
使用:process.env.+变量名称
process.env.VUE_APP_ServeUrl
环境运行/打包:
package.json 内使用 --mode 环境名字 配置默认运行/打包的环境
"serve": "vue-cli-service serve --mode test","build": "vue-cli-service build","build:dev": "vue-cli-service build --mode development",