Vue 3.0中 axios跨域问题解决方案

158 阅读1分钟

1.在vue.config.js文件中做如下配置

image.png

target: 配置跨域请求的地址

changeOrigin: 是否跨域

pathRewrite: 路径重写

2.request.js(拦截器页面)如下配置

image.png

这里的baseURL要修改成与vue.config.js文件中设置代理名称(/api)相同的名字

3.具体请求页面如下配置(不需要做特殊配置)

image.png

url: 具体请求接口的地址

我是根据自己的项目配置的,大家可以自己对照一下,错误的地方欢迎指正!