billowson 2023-03-14 12: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 12:39
    关注

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

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

报告相同问题?

问题事件

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

悬赏问题

  • ¥15 PADS Logic 原理图
  • ¥15 PADS Logic 图标
  • ¥15 电脑和power bi环境都是英文如何将日期层次结构转换成英文
  • ¥20 气象站点数据求取中~
  • ¥15 如何获取APP内弹出的网址链接
  • ¥15 wifi 图标不见了 不知道怎么办 上不了网 变成小地球了
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部