vue-cli-service使用不同环境变量

Axios后端接口统一前缀一般会设置baseURL，当然需要配置的变量不止这些
在开发时，一般对接本地的后端api，比如127.0.0.1/api
线上则需要切换配置，比如www.baidu.com/api

1. 项目根目录创建文件，文件名要.env.xxx 比如.env.development

开发配置和生产配置文件

2. 两个文件内容分别

// 开发文件.env.development
VUE_APP_BASE_URL = http://127.0.0.1
// 生产文件.env.prodution
VUE_APP_BASE_URL = http://www.baidu.com

3.获取使用
在main.js配置axios统一前缀

main.js

// 配置axios
Axios.defaults.baseURL = process.env.VUE_APP_BASE_URL

4.修改package.json,第2步创建的文件后缀是什么就填什么，比如下图设置成development

"dev": "vue-cli-service serve --mode development",

package.json

5.npm run dev就会读取.env.development设置的变量