参考资料

  1. Nginxlocalhost 路由匹配规则详细说明以及案例
  2. 如何查看nginx主配置文件路径方式
  3. Nginxrewrite重定向配置详解
  4. PHP-FPM绑定本机所有IP详细说明以及案例
  5. Nginx error_log:错误日志配置详细说明以及案例
  6. 如何配置Nginx用户认证？
  7. Nginx动态更新upstream详细说明以及案例
  8. nginx 配置静态资源

在 Nginx 中配置跨域可以通过在配置文件中添加以下内容来实现：

server {
    listen 80;
    server_name yourdomain.com;

    location / {
        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;
        }

        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-Expose-Headers' 'Content-Length,Content-Range';
    }
}

说明：

  1. Access-Control-Allow-Origin：允许跨域请求的源，* 表示允许所有域名访问。

  2. Access-Control-Allow-Methods：允许的 HTTP 方法。

  3. Access-Control-Allow-Headers：允许的请求头。

  4. Access-Control-Max-Age：预检请求的缓存时间（秒）。

  5. Access-Control-Expose-Headers：允许客户端访问的响应头。

注意：

  • 将 yourdomain.com 替换为你的实际域名。

  • 如果只需要允许特定域名跨域，可以将 * 替换为具体的域名，例如 https://example.com。

配置完成后，重新加载 Nginx 配置：

sudo nginx -s reload

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。