Vue2脚手架服务端CORS跨域被拒绝的问题

这是一个Vue2脚手架服务端CORS跨域被拒绝的问题
用脚手架在本地搭建临时服务器,npm run serve,本地端口是 8080

img

后端服务器是本地端口 8899,使用的是libhv库搭建的服务器

img

这时候客户端页面向服务端发送请求报错,先试试跨域被拒绝

img

于是我想着通过axios配置proxy本地代理来解决这个问题,网上大部分方法都是这么解决的

img


但是没有效果,发送请求依然会报相同的错误

我也试了其他添加代理的写法,都不行

img

上面的调试都是修改配置文件后重启客户端之后再进行的。下面是发送请求的具体代码部分,目标地址是http://127.0.0.1:8899/api/[

img

↓这是用postman向后端发送请求,可以看到后端是可以正常接受请求并返回响应的。

img


网上面的解决教程基本上都试了,但是没有解决,所以不清楚问题到底是处在了哪里

接口的ip端口应该是http://127.0.0.1:8080或者不加ip端口/开头;
梳理下逻辑,你这有两个web服务8080和8899,8080浏览器访问8899是会跨域,在配置了devService后,你的8080服务代理了8899,所以你是用8080服务的ip端口访问的路径实际是指向8899,且不会存在跨域。代码里依旧访问8899等于没有配置代理

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^