vueCLI的相关配置

// 模式是vue-cli项目中一个重要的概念,默认情况下vue有三种模式:
development(开发环境): vue-cli-service serve。(npm run serve 或 npm run dev  寻找的是.env.development配置的环境和请求地址)
test(测试环境): vue-cli-service test:unit。(npm run test)
production(正式环境): vue-cli-service build 和 vue-cli-service test:e2e。(npm run duild  寻找的是.env.production配置的环境和请求地址)

// .env.development和.env.production的作用:区分vue在不同环境请求不同的地址。  
// NODE_ENV:用于指定开发环境(development)或生产环境(production)
// VUE_APP_API_URL(自定义名字,必须VUE_APP开头):用来配置接口请求的根地址

// .env.development文件:
NODE_ENV = development
VUE_APP_API_URL= http://xxx.xxx.xx.xx

// .env.production文件:
NODE_ENV = production
VUE_APP_API_URL= http://xxx.xxx.xx.xx

// 请注意,只有 NODE_ENV,BASE_URL 和以 VUE_APP_ 开头的变量将通过 webpack.DefinePlugin 静态地嵌入到客户端侧的代码中。这是为了避免意外公开机器上可能具有相同名称的私钥。

// 在应用代码中访问:
console.log(process.env.VUE_APP_API_URL)
console.log(process.env.NODE_ENV)
console.log(process.env.BASE_URL)
posted @ 2021-11-25 15:12  Life_countdown  阅读(133)  评论(0)    收藏  举报