Nginx 配置跨域详细步骤

跨域是指浏览器出于安全考虑，不允许不同域名之间的 JavaScript 代码进行交互操作。为了实现不同域名之间的访问，需要进行跨域配置。

以下是使用 Nginx 配置跨域的详细步骤：

在 nginx.conf 配置文件中添加以下代码：

location /api/ {
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    if ($request_method = 'OPTIONS') {
        return 204;
    }
}

其中，/api/ 为需要跨域的接口路由。

重启 Nginx 服务，使配置生效。

配置说明：

add_header Access-Control-Allow-Origin *; 允许所有域名访问，也可以指定具体的域名。
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS'; 允许访问的 HTTP 方法，这里允许 GET, POST 和 OPTIONS 方法。
add_header Access-Control-Allow-Headers 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type'; 允许访问的 HTTP 头部信息。
if ($request_method = 'OPTIONS') { return 204; } 用于处理 OPTIONS 预检请求，返回一个 204 状态码，表示允许跨域访问。

注意：

跨域配置需要根据实际需求进行调整，例如：允许访问的域名、方法和头部信息等。
如果需要更复杂的跨域配置，可以参考 Nginx 官方文档或其他相关资料。