VUE前端访问后台接口Nginx配置

256 阅读1分钟

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规则

现在可以实现动态修改前端访问的后台接口地址了。