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

Question

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

vue2前端跨域问题

Answer 1

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

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

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

Answer 2

问题直接抛给后端，还是后端没有配置好，你只需要把前端的端口号给到后端就可以了。

Answer 3

让后端解决啊

Answer 4

为了不影响你的开发受阻 你可以先绕开后端解决配置的问题 先自己本地启动一个 nginx服务 解决这个跨域问题