Nginx CORS 跨域资源共享原始验证失败解决方案 - 原理扫描

{/u0022title/u0022:/u0022Nginx CORS /u8de8/u57df/u8d44/u6e90/u5171/u4eab/u539f/u59cb/u9a8c/u8bc1/u5931/u8d25/u89e3/u51b3/u65b9/u6848 - /u539f/u7406/u6d4b/u653e/u0022, /u0022description/u0022:/u0022/u672c/u6587/u4ecb/u7ecd/u4e86/u5982/u4f55/u4f7f/u7528 Nginx /u89e3/u51b3 CORS /u539f/u59cb/u9a8c/u8bc1/u5931/u8d25/u95ee/u9898/uff0c/u6267/u65bd/u4e86/u6dfb/u52a0 CORS /u5934/u4fe1/u606f/u3001/u914d/u7f6e CORS /u4ee3/u7406/u548c/u4f7f/u7528 Nginx /u7684 CORS /u6a21/u5757/u7b49/u65b9/u6cd5/uff0c/u5e76/u63d0/u4f9b/u4e86/u4ee3/u7801/u793a/u4f8b/u548c/u6ce8/u610f/u4e8b/u9879/u3002/u0022, /u0022keywords/u0022:/u0022CORS, /u8de8/u57df, /u8de8/u7ad9/u8d44/u6e90/u5171/u4eab, Nginx, /u539f/u59cb/u9a8c/u8bc1/u5931/u8d25, /u89e3/u51b3/u65b9/u6848, /u539f/u7406, /u6d4b/u653e, /u4ee3/u7801/u793a/u4f8b/u0022, /u0022content/u0022:/u0022/u8fd9/u4e2a/u9519/u8bef/uff0cnginx/u600e/u4e48/u8c03/u6574/u5185/u5bb9/uff1a/u8981/u89e3/u51b3CORS/u539f/u59cb/u9a8c/u8bc1/u5931/u8d25/u7684/u95ee/u9898/uff0c/u53ef/u4ee5/u901a/u8fc7/u5728Nginx/u670d/u52a1/u5668/u4e0a/u8fdb/u884c/u4e00/u4e9b/u8c03/u6574/u3002/u4ee5/u4e0b/u662f/u4e00/u4e9b/u53ef/u80fd/u7684/u89e3/u51b3/u65b9/u6cd5/uff1a/n/n1. /u6dfb/u52a0CORS/u5934/u4fe1/u606f/uff1a/u5728Nginx/u914d/u7f6e/u6587/u4ef6/u4e2d/uff0c/u53ef/u4ee5/u901a/u8fc7/u6dfb/u52a0/u4ee5/u4e0b/u5934/u4fe1/u606f/u6765/u5141/u8bb8/u8de8/u57df/u8bf7/u6c42/uff1a/n/n /n location / {/n add_header /u0027Access-Control-Allow-Origin/u0027 /u0027*/u0027;/n add_header /u0027Access-Control-Allow-Methods/u0027 /u0027GET, POST, OPTIONS/u0027;/n add_header /u0027Access-Control-Allow-Headers/u0027 /u0027DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range/u0027;/n add_header /u0027Access-Control-Expose-Headers/u0027 /u0027Content-Length,Content-Range/u0027;/n }/n /n/n /u8fd9/u5c06/u5141/u8bb8/u6765/u81ea/u4efb/u4f55/u57df/u7684/u8bf7/u6c42/uff0c/u5e76/u6307/u5b9a/u5141/u8bb8/u7684/u8bf7/u6c42/u65b9/u6cd5/u3001/u8bf7/u6c42/u5934/u548c/u56de/u590d/u5934/u3002/n/n2. /u914d/u7f6eCORS/u4ee3/u7406/uff1a/u5982/u679c/u8bf7/u6c42/u9700/u8981/u901a/u8fc7/u4ee3/u7406/u670d/u52a1/u5668/u8f6c/u53d1/uff0c/u53ef/u4ee5/u4f7f/u7528Nginx/u7684proxy_set_header/u6307/u4ee4/u6765/u4f20/u9001CORS/u76f8/u5173/u7684/u8bf7/u6c42/u5934/u4fe1/u606f/u3002/u4f8b/u5982/uff1a/n/n /n location /api/ {/n proxy_pass http://backend/;/n proxy_set_header Host $host;/n proxy_set_header X-Real-IP $remote_addr;/n proxy_set_header Access-Control-Allow-Origin *;/n proxy_set_header Access-Control-Allow-Methods /u0027GET, POST, OPTIONS/u0027;/n proxy_set_header Access-Control-Allow-Headers /u0027DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range/u0027;/n proxy_set_header Access-Control-Expose-Headers /u0027Content-Length,Content-Range/u0027;/n }/n /n/n /u8fd9/u5c06/u5728/u8f6c/u53d1/u8bf7/u6c42/u65f6/uff0c/u5c06CORS/u76f8/u5173/u7684/u8bf7/u6c42/u5934/u4fe1/u606f/u4f20/u9001/u7ed9/u540e/u7aef/u670d/u52a1/u5668/u3002/n/n3. /u4f7f/u7528Nginx/u7684CORS/u6a21/u5757/uff1aNginx/u8fd8/u63d0/u4f9b/u4e86/u4e00/u4e2aCORS/u6a21/u5757/uff0c/u53ef/u4ee5/u66f4/u65b9/u4fbf/u5730/u914d/u7f6eCORS/u76f8/u5173/u7684/u8bbe/u7f6e/u3002/u8981/u4f7f/u7528/u8be5/u6a21/u5757/uff0c/u9996/u5148/u9700/u8981/u7f16/u8bd1/u5b89/u88c5Nginx/u65f6/u542f/u7528/u8be5/u6a21/u5757/uff0c/u7136/u540e/u5728/u914d/u7f6e/u6587/u4ef6/u4e2d/u4f7f/u7528/u76f8/u5173/u6307/u4ee4/u3002/u4f8b/u5982/uff1a/n/n /n location /api/ {/n if ($request_method = /u0027OPTIONS/u0027) {/n add_header /u0027Access-Control-Allow-Origin/u0027 /u0027*/u0027;/n add_header /u0027Access-Control-Allow-Methods/u0027 /u0027GET, POST, OPTIONS/u0027;/n add_header /u0027Access-Control-Allow-Headers/u0027 /u0027DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range/u0027;/n add_header /u0027Access-Control-Expose-Headers/u0027 /u0027Content-Length,Content-Range/u0027;/n add_header /u0027Access-Control-Max-Age/u0027 1728000;/n add_header /u0027Content-Type/u0027 /u0027text/plain charset=UTF-8/u0027;/n add_header /u0027Content-Length/u0027 0;/n return 204;/n }/n/n add_header /u0027Access-Control-Allow-Origin/u0027 /u0027*/u0027;/n add_header /u0027Access-Control-Allow-Methods/u0027 /u0027GET, POST, OPTIONS/u0027;/n add_header /u0027Access-Control-Allow-Headers/u0027 /u0027DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range/u0027;/n add_header /u0027Access-Control-Expose-Headers/u0027 /u0027Content-Length,Content-Range/u0027;/n }/n /n/n /u8fd9/u5c06/u6839/u636e/u8bf7/u6c42/u65b9/u6cd5/u6765/u8bbe/u7f6e/u5bf9/u5e94/u7684CORS/u5934/u4fe1/u606f/uff0c/u5e76/u5728OPTIONS/u8bf7/u6c42/u4e2d/u8fd4/u56de204/u72b6/u6001/u7801/u3002/n/n/u8bf7/u6ce8/u610f/uff0c/u4ee5/u4e0a/u65b9/u6cd5/u53ea/u662f/u4e00/u4e9b/u5e38/u89c1/u7684/u89e3/u51b3/u65b9/u6848/uff0c/u5177/u4f53/u7684/u8c03/u6574/u65b9/u6cd5/u53ef/u80fd/u56e0/u4f60/u7684/u73af/u5883/u548c/u9700/u6c42/u800c/u6709/u6240/u4e0d/u540c/u3002/u5728/u8fdb/u884c/u4efb/u4f55/u914d/u7f6e/u6539/u52a8/u4e4b/u524d/uff0c/u8bf7/u786e/u4fdd/u5907/u4efdNginx/u914d/u7f6e/u6587/u4ef6/uff0c/u5e76/u8fdb/u884c/u9002/u5f53/u7684/u6d4b/u8bd5/u548c/u9a8c/u8bc1/u3002/u002