1、设置VUE_APP_BASE_API变量
修改.env.production文件,加入:
VUE_APP_BASE_API = '/api/'
注意单独一行,单引号后面不要有内容。
2、修改request.js,示例如下:
// create an axios instance
const service = axios.create({
baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
// withCredentials: true, // send cookies when cross-domain requests
timeout: 5000 // request timeout 5S
})
3、修改Nginx配置文件,示例如下:
location /api/ {
proxy_pass http://127.0.0.1:8848/;
}
4、注意:最终请求的后台接口地址是不含/api的。
具体规则请搜索:nginx proxy_pass规则
现在可以实现动态修改前端访问的后台接口地址了。