Nginx怎样配置跨域访问 - 问答

在Nginx中配置跨域访问，主要涉及到设置HTTP响应头中的Access-Control-Allow-Origin以及其他相关的CORS（跨源资源共享）头部信息。以下是一个基本的配置示例：

打开你的Nginx配置文件。这个文件通常位于/etc/nginx/nginx.conf或/etc/nginx/sites-available/your_domain.conf。
在server块中，找到你想要配置跨域访问的location块。如果没有，你可以创建一个新的location块。
在location块中，添加以下配置：

add_header 'Access-Control-Allow-Origin' '*' always;
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;
add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,Authorization' always;
add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range' always;

这里的配置解释如下：

Access-Control-Allow-Origin: 设置允许访问的源，*表示允许所有域进行跨域访问。如果你想限制特定的域名，可以将*替换为具体的域名，例如http://example.com。
Access-Control-Allow-Methods: 设置允许的HTTP方法，例如GET, POST, OPTIONS。
Access-Control-Allow-Headers: 设置允许的请求头字段，例如DNT, User-Agent, X-Requested-With等。
Access-Control-Expose-Headers: 设置允许暴露给客户端的响应头字段，例如Content-Length, Content-Range。

如果你需要支持预检请求（Preflight Request），可以在location块中添加以下配置：

if ($request_method = 'OPTIONS') {
    add_header 'Access-Control-Allow-Origin' '*' always;
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;
    add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,Authorization' always;
    add_header 'Access-Control-Max-Age' 1728000 always;
    add_header 'Content-Type' 'text/plain; charset=utf-8' always;
    add_header 'Content-Length' 0 always;
    return 204;
}

这个配置会在收到预检请求时返回一个204 No Content响应，并设置相关的CORS头部信息。

保存配置文件并重启Nginx服务：

sudo nginx -t      # 检查配置文件语法是否正确
sudo nginx -s reload  # 重新加载配置文件

现在，你的Nginx服务器应该已经配置好了跨域访问。

0 赞

0 踩