图中vue2前端跨域问题怎么解决？

作者站长头像
站长
· 阅读数 13

vue2前端跨域问题，后端放置到公网上，所有人都可以访问，还配置了access-control-allow-origin为*，前端拿接口地址到浏览器可以拿到数据，使用apiPost测试，接口可以拿到数据，但是放到前端代码里面就跨域，如下图

图中vue2前端跨域问题怎么解决？

vue2前端跨域问题

回复
1个回答
avatar
test
2024-06-19

报错信息里面说的很清晰了：

The 'Access-Control-Allow-Origin' header contains multiple values 'http://localhost:800, *', but only one is allowedAccess-Control-Allow-Origin 标头包含多个值 "http://localhost:800, *"，但只允许使用一个值

原因：Multiple CORS header 'Access-Control-Allow-Origin' not allowed - HTTP | MDN

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容