Axios后端接口统一前缀一般会设置baseURL,当然需要配置的变量不止这些
在开发时,一般对接本地的后端api,比如127.0.0.1/api
线上则需要切换配置,比如www.baidu.com/api
- 项目根目录创建文件,文件名要
.env.xxx
比如.env.development
- 两个文件内容分别
// 开发文件.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统一前缀
// 配置axios
Axios.defaults.baseURL = process.env.VUE_APP_BASE_URL
4.修改package.json,第2步创建的文件后缀是什么就填什么,比如下图设置成development
"dev": "vue-cli-service serve --mode development",
5.
npm run dev
就会读取.env.development设置的变量