设置前端中的接口地址为全局配置

在django项目中，前端的许多请求都是通过axios进行发送的，如果在每个请求中写请求的url既不灵活也很累赘，如何进行全局参数配置呢？下面将配置方法介绍如下：

1.修改package.json文件

如果配置两个环境，一个开发环境，另一个生产环境，则将文件修改如下：

"scripts": {
    "serve": "vue-cli-service serve --mode development",
    "build": "vue-cli-service build --mode production"
  },

 

2.在前端项目下（v_project项目）新建.env.development 、.env.production文件

.env.development文件内容参考如下：

NODE_ENV=development
VUE_APP_BASE_URL = 'http://localhost:8000'

.env.production文件内容参考如下：

NODE_ENV=production
VUE_APP_BASE_URL = 'http://192.168.99.99:8000'

 3.在main.js中给aixos使用这个自动的全局变量：域名

import axios from 'axios'
axios.defaults.baseURL = process.env.VUE_APP_BASE_URL;

4.删除原来请求的url地址中的host，只保留path

5.重启服务

npm run serve