Vue里ProxyTable配置不生效

最近在本地调试vue项目时,使用ProxyTable做代理时,配置了几次都不生效。开始的配置如下:

后端接口:http://127.0.0.1:8000/api/v1

proxyTable: {
      '/api/v1':{
        target: 'http://127.0.0.1:8000',
        changeOrigin: true
        }}

原配置如下:

url = location.protocol + '//' + document.domain + '/api/v1'
axios.post(`url`)

此处需要注意的是,如果已经配置了代理,axios就不需再设置baseURL了,不然不会经过代理处理。

修改后:

url = '/api/v1'
axios.post(`url`)

其实,一开始如果打印出url变量的值,那么问题也就早些解决了。需要注意代理的路径和后端接口的路径相对应。

猜你喜欢

转载自blog.51cto.com/jack88/2677919