billowson 2023-03-14 20:00 采纳率: 100%
浏览 21
已结题

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


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

  • 写回答

2条回答 默认 最新

  • xiaowuyao123 2023-03-14 20:39
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月23日
  • 已采纳回答 3月15日
  • 创建了问题 3月14日

悬赏问题

  • ¥15 VS2022 C++的相关代码问题咨询
  • ¥15 如果要做一个老年人平板有哪些需求
  • ¥15 k8s生产配置推荐配置及部署方案
  • ¥15 matlab提取运动物体的坐标
  • ¥15 人大金仓下载,有人知道怎么解决吗
  • ¥15 一个小问题,本人刚入门,哪位可以help
  • ¥30 python安卓开发
  • ¥15 使用R语言GD包一直不出结果
  • ¥15 计算机微处理器与接口技术相关问题,求解答图片的这个问题,有多少个端口,端口地址和解答问题的方法和思路,不要AI作答
  • ¥15 如何根据一个截图编写对应的HTML代码