跨域请求首次调用出现重复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，如何解决？的详细内容，更多请关注硕下网其它相关文章！