解决跨域上传文件时报错

下午群里@我说，上传文件有问题，看了下，发现报如下错误

has been blocked by CORS policy: The "Access-Control-Allow-origin' header contains multiple values''*，* but only one is allowed.

字面意思是设置了重复跨域了。于是开始着手解决问题：这个上传附件是页面上 js 直接调用接口的，线上环境 WEB 服务器是 Nginx，接口提供方是 PHP 语言编写的。先找到 Nginx 对应的配置，发现有

location /api/upload/ {
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Methods 'GET, POST';
    ......
}

又看了下接口 API，发现开头有

header("Access-Control-Allow-Origin: *");

这个契合了浏览器的那个 multiple values 错误提示了，于是注释掉其中一个就好了。

来源：CSDN

作者：molaifeng

链接：https://blog.csdn.net/molaifeng/article/details/104681000