跨域请求首次调用出现重复Access-Control-Allow-Origin，如何解决？

偷偷努力，悄无声息地变强，然后惊艳所有人！哈哈，小伙伴们又来学习啦~今天我将给大家介绍《跨域请求首次调用出现重复Access-Control-Allow-Origin，如何解决？》，这篇文章主要会讲到等等知识点，不知道大家对其都有多少了解，下面我们就一起来看一吧！当然，非常希望大家能多多评论，给出合理的建议，我们一起学习，一起进步！

访问跨域接口的第一次调用出现重复 access-control-allow-origin，如何解决？

在进行跨域接口调用时，首次调用可能会出现 access-control-allow-origin 值重复的问题。这通常是由于后端的错误配置导致的，具体原因如下：

原因：

当服务器响应跨域请求时，服务器需要在响应头中添加 access-control-allow-origin 头。但是，如果服务器在不同的响应中多次添加该头，就会导致重复出现。

解决方案：

为了解决此问题，需要检查服务器的配置，具体步骤如下：

1. 检查 401 错误页面的配置

在 nginx 配置文件中，检查 401 错误页面的配置。在 error_page 指令中，确保 access-control-allow-origin 头仅添加一次。

例如，以下配置会产生重复的 access-control-allow-origin 头：

location @error401 {
    add_header access-control-allow-origin "*";
    add_header access-control-allow-origin "*";
    return 401;
}

2. 修改配置

将重复添加 access-control-allow-origin 头的配置修改为：

location @error401 {
    add_header Access-Control-Allow-Origin "*";
    return 401;
}

通过以上修改，可以消除首次调用跨域接口时重复 access-control-allow-origin 的问题。

好了，本文到此结束，带大家了解了《跨域请求首次调用出现重复Access-Control-Allow-Origin，如何解决？》，希望本文对你有所帮助！关注米云公众号，给大家分享更多文章知识！

特斯拉卖起机器人玩具！售价40美元被抢光，二手价高达1300美元