使用Nginx轻松搞定跨域问题（nginx跨域解决方案）
跨域问题（Cross-Origin Resource Sharing，简称CORS）是由浏览器的同源策略引起的。同源策略指的是浏览器限制来自不同源（协议、域名、端口）的 JavaScript 对资源的访问。
当在一个域名下的网页向不同源的服务器发起请求时，浏览器会根据同源策略拒绝该请求。这导致了一些常见的跨域问题，例如 JavaScript 的 AJAX 请求参数和 Cookie 无法发送到不同域名的服务器。
跨域主要涉及4个响应头：
Access-Control-Allow-Origin 用于设置允许跨域请求源地址 （预检请求和正式请求在跨域时候都会验证）
Access-Control-Allow-Headers 跨域允许携带的特殊头信息字段 （只在预检请求验证）
Access-Control-Allow-Methods 跨域允许的请求方法或者说HTTP动词 （只在预检请求验证）
Access-Control-Allow-Credentials 是否允许跨域使用cookies，如果要跨域使用cookies，可以添加上此请求响应头，值设为true（设置或者不设置，都不会影响请求发送，只会影响在跨域时候是否要携带cookies，但是如果设置，预检请求和正式请求都需要设置）。不过不建议跨域使用（项目中用到过，不过不稳定，有些浏览器带不过去），除非必要，因为有很多方案可以代替。
使用 Nginx 可以通过配置解决跨域问题。以下是一种常见的配置方法：
1. 找到 Nginx 的配置文件（通常是 `/etc/nginx/nginx.conf` 或 `/etc/nginx/conf.d` 目录下的某一个文件）。
2. 在 `http` 块内添加以下配置：
```nginx
http {
...
server {
...
location / {
# 允许指定的域名进行跨域访问
add_header Access-Control-Allow-Origin http://example.com;
# 允许的请求方法
add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";
# 允许的请求头
add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept";
# 处理预检请求（OPTIONS 请求）
if ($request_method = 'OPTIONS') {
add_header Access-Control-Max-Age 86400;
add_header Access-Control-Allow-Credentials true;
add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";
add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept";
return 204;
}
# 其他请求继续处理
...
}
}
}
```
上述配置中：
- `Access-Control-Allow-Origin` 允许指定的域名进行跨域访问。可以设置为 `*`，表示允许所有域名进行跨域访问。
- `Access-Control-Allow-Methods` 设置允许的请求方法。
- `Access-Control-Allow-Headers` 设置允许的请求头。
- 预检请求（OPTIONS 请求）需要特殊处理，配置了相应的响应头。
3. 重启 Nginx 服务使配置生效。
通过上述配置，Nginx 会在响应头中添加相关的 CORS 信息，允许指定的域名进行跨域访问，解决跨域问题。请根据实际需求进行配置，并确保配置的安全性。