ToB企服应用市场:ToB评测及商务社交产业平台

标题: Nginx配置答应跨域 [打印本页]

---

作者: 温锦文欧普厨电及净水器总代理    时间: 2024-5-20 17:17
标题: Nginx配置答应跨域
要在Nginx中配置答应跨域（Cross-Origin Resource Sharing, CORS），你需要修改Nginx的配置文件（通常是nginx.conf或者某个包含在nginx.conf中的单独的配置文件）。下面是一个基本的例子，展示了怎样在Nginx中设置CORS：

• 打开你的Nginx配置文件。这通常是/etc/nginx/nginx.conf或者/etc/nginx/conf.d/default.conf，或者一个特定站点的配置文件在/etc/nginx/sites-available/或/etc/nginx/conf.d/目录下。
  
• 在你想要答应跨域请求的server块或location块中添加add_header指令。
  

下面是一个简单的例子，它答应来自任何源的跨域请求，并答应所有的请求方法（GET, POST, PUT, DELETE等）和请求头：

1. server {
2.     listen 80;
3.     server_name your.domain.com;
5.     location / {
6.         # ... 其他的配置 ...
8.         # 允许跨域请求
9.         if ($request_method = 'OPTIONS') {
10.             add_header 'Access-Control-Allow-Origin' '*';
11.             add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
12.             #
13.             # 自定义的头部可能需要额外的配置
14.             #
15.             add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
16.             #
17.             # 告诉客户端，实际请求可以预检，并返回一个非简单请求的预检结果且缓存该结果
18.             #
19.             add_header 'Access-Control-Max-Age' 1728000;
20.             add_header 'Content-Type' 'text/plain; charset=utf-8';
21.             add_header 'Content-Length' 0;
22.             return 204;
23.         }
25.         if ($request_method = 'POST' || $request_method = 'GET' || $request_method = 'PUT' || $request_method = 'DELETE') {
26.             add_header 'Access-Control-Allow-Origin' '*';
27.             add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
28.             add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
29.             #
30.             # 如果需要处理跨域Cookie，请取消下面的注释
31.             #
32.             # add_header 'Access-Control-Allow-Credentials' 'true';
33.         }
35.         # ... 其他的代理或静态文件配置 ...
36.     }
37. }

复制代码

注意：

• * 答应来自任何源的请求，但在生产环境中，出于安全思量，你应该明确指定答应的源。
  
• 假如你需要处理跨域Cookie（即withCredentials设置为true的XHR/Fetch请求），则必须设置Access-Control-Allow-Credentials为true，而且Access-Control-Allow-Origin不能设置为*，而应该是一个具体的源（如http://example.com）。
  
• 在处理OPTIONS预检请求时，Nginx直接返回204状态码，这告诉欣赏器请求是答应的，而且不需要实际发送请求体。
  
• 请根据你的实际需求调解答应的HTTP方法和请求头。
  

修改完Nginx配置文件后，重新加载或重启Nginx服务以使更改生效：

1. sudo nginx -s reload
2. # 或者
3. sudo systemctl reload nginx
4. # 或者完全重启Nginx服务
5. sudo systemctl restart nginx

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4