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

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 能给我一些人生建议吗
  • ¥15 mac电脑,安装charles后无法正常抓包
  • ¥18 visio打开文件一直显示文件未找到
  • ¥15 请教一下,openwrt如何让同一usb储存设备拔插后设备符号不变?
  • ¥30 使用quartz框架进行分布式任务定时调度,启动了两个实例,但是只有一个实例参与调度,另外一个实例没有参与调度,不知道是为什么?请各位帮助看一下原因!!
  • ¥50 怎么获取Ace Editor中的python代码后怎么调用Skulpt执行代码
  • ¥30 fpga基于dds生成幅值相位频率和波形可调的容易信号发生器。
  • ¥15 R语言shiny包和ncdf4包报错
  • ¥15 origin绘制有显著差异的柱状图和聚类热图
  • ¥20 simulink实现滑模控制和pid控制对比,提现前者优势