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

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日

悬赏问题

  • ¥20 wireshark抓不到vlan
  • ¥20 关于#stm32#的问题:需要指导自动酸碱滴定仪的原理图程序代码及仿真
  • ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
  • ¥15 stata安慰剂检验作图但是真实值不出现在图上
  • ¥15 c程序不知道为什么得不到结果
  • ¥40 复杂的限制性的商函数处理
  • ¥15 程序不包含适用于入口点的静态Main方法
  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位,为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来