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

[awker]

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，

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

[awker]

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