vue跨域时在vue.config.js里配置proxy不起作用是什么原因

我在vue.config.js里的配置:端口已经生效了,但是proxy没有生效,如下图proxy代码

img


如下图是我的请求路径

img


请求信息,根本没有将api去掉,不知道为什么没有代理成功呢?

img


并且浏览器依旧存在跨域问题

img

target值写错了,应该写成了真正请求的接口地址。另外即使写对了,network发出去的请求地址也是localhost:4000/api/xxx,这是对的,代理本身就是模拟同源,所以你network看到的接口地址会跟你前端运行的域名与端口一致,但实际会请求真正的接口地址,所以放心,只要配好了就行

给你找了一篇非常好的博客,你可以看看是否有帮助,链接:使用vue.config.js完成proxy代理