VUE脚手架3.0配置打包环境

我把我的axios配置在api.js里面 这个没有明确的规定看自己的习惯

let VUE_APP_basic = process.env.VUE_APP_basic
let VUE_APP_export = process.env.VUE_APP_export

项目根目录添加三个文件
.env.build 生产环境

//生产
VUE_APP_basic ="http://生产.com"
VUE_APP_export ="http://生产.com"
VUE_APP_dfs ="http://生产.com"

.env.dev 本地环境

//本地
VUE_APP_basic ="http://本地.com"
VUE_APP_export ="http://本地.com"
VUE_APP_dfs ="http://本地.com"

.env.test 测试环境

//测试
VUE_APP_basic ="http://测试.com"
VUE_APP_export ="http://测试.com"
VUE_APP_dfs ="http://测试.com"

package.json里面的配置也要改一下

"scripts": {
    "serve": "vue-cli-service serve --mode dev --open",
    "build": "vue-cli-service build --mode build",
    "build:test": "vue-cli-service build --mode test",
    "lint": "vue-cli-service lint"
  },

环境配置好之后哪里用到哪里就调用
为方便测试自己搭建的环境是否起效可以在登陆的时候打印一下

created(){
    console.log(process.env.VUE_APP_basic,process.env.VUE_APP_export,process.env.VUE_APP_dfs)
  }