最近在本地调试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变量的值,那么问题也就早些解决了。需要注意代理的路径和后端接口的路径相对应。