vue 静态页面在浏览器跨域 options 请求时，会返回多个 Access-Control-Allow-Origin header 问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2098 天前的主题，其中的信息可能已经有所发展或是发生改变。

vue 静态页面部署在 http://dev.xxx.cn ，其中有页面会请求 http://foo.xxx.cn ，这时候在浏览器看到 options 请求报错为

Access to XMLHttpRequest at 'http://foo.xxx.cn/upload/8b' from origin 'http://dev.xxx.cn' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains multiple values 'http://dev.xxx.cn, *', but only one is allowed.

但我 nginx 端只设置了一个 Access-Control-Allow-Origin

add_header 'Access-Control-Allow-Origin' '*'

后端服务也没有设置 Access-Control-Allow-Origin，

有大神遇到过这个问题吗？

Vue

静态

header

Nginx

1 条回复 • 2019-03-21 21:19:03 +08:00

awker

2019-03-21 21:19:03 +08:00

找到问题了 http://dev.xxx.cn 和 http://foo.xxx.cn 放在同一台 nginx，所以会出现这个问题。
把 http://foo.xxx.cn 或者 http://dev.xxx.cn 放在另外一台 nginx 就行了。