nginx 解决前端跨域问题

最新推荐文章于 2024-12-04 19:55:26 发布

原创最新推荐文章于 2024-12-04 19:55:26 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#nginx #linux #centos #服务器

本文详细解析了Nginx服务器的配置文件，包括监听端口、域名设置、字符集、压缩功能、代理设置及跨域处理等核心内容，是Nginx初学者和进阶用户的必备指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

server {
    listen       80;
    server_name  domain.com;
    charset utf-8;
    gzip on;
    gzip_min_length 1k;
    gzip_buffers 4 16k;
    gzip_comp_level 5;
    gzip_types  text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png image/x-icon;
    charset_types text/css application/javascript application/json text/plain;

    location ^~ / {
          proxy_read_timeout 300;
          proxy_send_timeout 300;
          proxy_connect_timeout 300;
          proxy_redirect     off;

          proxy_set_header   X-Forwarded-Proto $scheme;
          proxy_set_header   Host              $http_host;
          proxy_set_header   X-Real-IP         $remote_addr;
          proxy_set_header   X-Forwarded-For   $proxy_add_x_forwarded_for;

          client_max_body_size    45m;
          client_body_buffer_size 256k;
          client_body_timeout     5m;

          add_header Access-Control-Allow-Origin '*' always;
          add_header Access-Control-Allow-Methods 'GET, POST, DELETE, PUT, OPTIONS' always;
          add_header Access-Control-Allow-Headers 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,token' always;

		  # 主要是这个位置
          if ($request_method = 'OPTIONS') {
                add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS' 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;
          }

          proxy_pass         http://127.0.0.1:8080;
          charset            utf-8;
          break;
    }
}