default.conf.template 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. server {
  2. listen 80;
  3. listen [::]:80;
  4. # ========== 重点修改1:把 localhost 改成你的前端域名 ==========
  5. server_name bmsm27.kptyun.com;
  6. gzip on;
  7. gzip_static on;
  8. gzip_comp_level 6;
  9. gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
  10. location / {
  11. root /usr/share/nginx/html;
  12. try_files $uri $uri/ /index.html;
  13. client_max_body_size 300m;
  14. client_body_timeout 20s;
  15. }
  16. # ========== 核心新增:后端接口代理转发规则(解决跨域的关键,必加) ==========
  17. # 匹配你的后端所有接口,比如 /auth /api /xxx 等全部走这个代理
  18. location ^~ /auth {
  19. # 代理转发到你的后端真实接口地址
  20. proxy_pass http://bmsm278082.kptyun.com/auth;
  21. # 下面是代理必备的请求头,缺一不可,解决跨域+接口正常通信
  22. proxy_set_header Host $host;
  23. proxy_set_header X-Real-IP $remote_addr;
  24. proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  25. proxy_set_header X-Forwarded-Proto $scheme;
  26. proxy_connect_timeout 60s;
  27. proxy_read_timeout 60s;
  28. # 解决预检OPTIONS请求跨域
  29. add_header Access-Control-Allow-Origin *;
  30. add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS, PUT, DELETE';
  31. add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
  32. if ($request_method = 'OPTIONS') {
  33. return 204;
  34. }
  35. }
  36. # 【可选】如果你的后端还有其他接口,比如 /api/** ,就加这个规则,格式和上面一致
  37. # location ^~ /api {
  38. # proxy_pass http://bmsm278082.kptyun.com/api;
  39. # proxy_set_header Host $host;
  40. # proxy_set_header X-Real-IP $remote_addr;
  41. # }
  42. error_page 500 502 503 504 /50x.html;
  43. location = /50x.html {
  44. root /usr/share/nginx/html;
  45. }
  46. }