Nginx 解决前后端跨域的问题

  2. #user  nobody;
  3. worker_processes  2;
  5. #error_log  logs/error.log;
  6. #error_log  logs/error.log  notice;
  7. error_log  logs/error.log  info;
  9. #pid        logs/nginx.pid;
  12. events {
  13.     worker_connections  1024;
  14. }
  17. http {
  18.     include       mime.types;
  19.     default_type  application/octet-stream;
  21.     #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
  22.     #                  '$status $body_bytes_sent "$http_referer" '
  23.     #                  '"$http_user_agent" "$http_x_forwarded_for"';
  25.     #access_log  logs/access.log  main;
  27.     sendfile        on;
  28.     #tcp_nopush     on;
  30.     #keepalive_timeout  60;
  32.     gzip  on;
  34.     upstream localhost_fuzai {
  35.         server 127.0.0.1:5000 weight=1;
  37.     }
  39.     server {
  40.         listen       80;
  41.         server_name  127.0.0.1;
  43.         #charset koi8-r;
  46.         #access_log  logs/host.access.log  main;
  47.         location / {
  48.                root /usr/local/src; #### html文件所在的文件夹
  49.                index index.html; ### 前端html文件文件名称
  50.                add_header 'Access-Control-Allow-Origin' '*';
  51.         }
  52.         # 后端接口
  53.         location /api/ {
  54.             add_header 'Access-Control-Allow-Origin' $http_origin;
  55.             add_header 'Access-Control-Allow-Credentials' 'true';
  56.             add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
  57.             add_header 'Access-Control-Allow-Headers' 'DNT,web-token,app-token,Authorization,Accept,Origin,Keep-Alive,User-Agent,X-Mx-ReqToken,X-Data-Type,X-Auth-Token,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
  58.             add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
  59.             if ($request_method = 'OPTIONS') {
  60.                 add_header 'Access-Control-Max-Age' 1728000;
  61.                 add_header 'Content-Type' 'text/plain; charset=utf-8';
  62.                 add_header 'Content-Length' 0;
  63.                 return 204;
  64.             }
  65.             proxy_set_header Host $host;
  66.             proxy_set_header X-Real-IP $remote_addr;
  67.             proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  68.             proxy_set_header X-Forwarded-Proto $scheme;
  69.             proxy_connect_timeout 5;
  70.             ## 如请求 /api/data_list 这个接口后,nginx会将请求自动转发到http://127.0.0.1:5000/data_list这个地址上
  71.             proxy_pass http://127.0.0.1:5000/;
  72.             #proxy_pass http://localhost_fuzai;
  73.             #root   html;
  74.             #index  index.html index.htm;
  75.         }
  77.         #error_page  404              /404.html;
  79.         # redirect server error pages to the static page /50x.html
  80.         #
  81.         error_page   500 502 503 504  /50x.html;
  82.         location = /50x.html {
  83.             root   html;
  84.         }
  86.         # proxy the PHP scripts to Apache listening on 127.0.0.1:80
  87.         #
  88.         #location ~ \.php$ {
  89.         #    proxy_pass   http://127.0.0.1;
  90.         #}
  92.         # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
  93.         #
  94.         #location ~ \.php$ {
  95.         #    root           html;
  96.         #    fastcgi_pass   127.0.0.1:9000;
  97.         #    fastcgi_index  index.php;
  98.         #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
  99.         #    include        fastcgi_params;
  100.         #}
  102.         # deny access to .htaccess files, if Apache's document root
  103.         # concurs with nginx's one
  104.         #
  105.         #location ~ /\.ht {
  106.         #    deny  all;
  107.         #}
  108.     }
  111.     # another virtual host using mix of IP-, name-, and port-based configuration
  112.     #
  113.     #server {
  114.     #    listen       8000;
  115.     #    listen       somename:8080;
  116.     #    server_name  somename  alias  another.alias;
  118.     #    location / {
  119.     #        root   html;
  120.     #        index  index.html index.htm;
  121.     #    }
  122.     #}
  125.     # HTTPS server
  126.     #
  127.     #server {
  128.     #    listen       443 ssl;
  129.     #    server_name  localhost;
  131.     #    ssl_certificate      cert.pem;
  132.     #    ssl_certificate_key  cert.key;
  134.     #    ssl_session_cache    shared:SSL:1m;
  135.     #    ssl_session_timeout  5m;
  137.     #    ssl_ciphers  HIGH:!aNULL:!MD5;
  138.     #    ssl_prefer_server_ciphers  on;
  140.     #    location / {
  141.     #        root   html;
  142.     #        index  index.html index.htm;
  143.     #    }
  144.     #}
  146. }