.env 文件的用途

.env.development 模式用于serve，开发环境，就是开始环境的时候会引用这个文件里面的配置

.env.production 模式用于build，线上环境。

.env.test  测试环境

在文件中写入

VUE_APP_BASE_API = '需要请求API'

package.json文件

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

使用

const service = axios.create({
baseURL: process.env.VUE_APP_BASE_API,
timeout: 10000,
})

关于文件名：必须以如下方式命名，不要乱起名，也无需专门手动控制加载哪个文件

.env 全局默认配置文件，不论什么环境都会加载合并

根据启动命令vue会自动加载对应的环境，vue是根据文件名进行加载的，所以上面说“不要乱起名，也无需专门控制加载哪个文件”

比如执行npm run serve命令，会自动加载.env.development文件

.env中的全局属性NODE_ENV、VUE_APP_URL被覆盖，

.env中的全局属性VUE_APP_PREVIEW、VUE_APP_DEFAULT_PARAM被保留