温馨提示×

ubuntu nginx如何处理跨域请求

小樊
40
2025-11-29 08:25:35
栏目: 智能运维

在Nginx中处理跨域请求,你需要修改Nginx的配置文件。以下是一个简单的示例,展示了如何在Nginx中设置跨域请求的相关头信息。

  1. 打开Nginx配置文件。通常位于/etc/nginx/nginx.conf/etc/nginx/sites-available/your_domain.conf。如果你不确定使用的是哪个文件,请查看/etc/nginx/sites-enabled/目录下的链接。

  2. server块中,添加以下配置:

location / {
    # 允许跨域请求的来源
    add_header 'Access-Control-Allow-Origin' '*' always;
    # 允许跨域请求的HTTP方法
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;
    # 允许跨域请求的HTTP头
    add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range' always;
    # 预检请求的有效期,单位为秒
    add_header 'Access-Control-Max-Age' 1728000 always;
    # 如果是预检请求,直接返回204状态码
    if ($request_method = 'OPTIONS') {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
        return 204;
    }

    # 其他配置...
}
  1. 保存更改并退出编辑器。

  2. 重新加载Nginx以应用更改:

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

现在,Nginx应该已经允许跨域请求了。请注意,这个示例允许所有来源的跨域请求。在实际生产环境中,你应该将Access-Control-Allow-Origin的值设置为允许访问的特定域名,以提高安全性。

0