要使用Nginx解决前端跨域问题，可以通过配置 Nginx 的反向代理和添加相应的 HTTP 头来实现。下面是一个简单的示例：
- 打开 Nginx 配置文件（一般是
/etc/nginx/nginx.conf或者/etc/nginx/conf.d/default.conf）。 - 在
http块中添加以下内容：
http {
...
# 允许跨域请求的域名列表
add_header 'Access-Control-Allow-Origin' 'http://example.com';
# 支持 OPTIONS 请求方法（用于预检请求）
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
# 允许客户端携带指定的请求头字段
add_header 'Access-Control-Allow-Headers' 'Content-Type';
...
}
- 如果需要处理预检请求（OPTIONS 方法），可以在
server块中添加以下内容：
server {
...
location / {
if ($request_method = OPTIONS) {
add_header 'Access-Control-Max-Age' 86400;
add_header 'Content-Length' 0;
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'Content-Type';
return 204;
}
...
}
...
}
- 完成以上配置后，保存文件并重启 Nginx。
请注意，在配置 Access-Control-Allow-Origin 头时，你需要根据自己的需求设置允许跨域请求的域名列表。如果需要允许所有域名的跨域请求，可以将值设置为 *。
这只是一个简单的示例配置，具体根据你的实际情况进行适当调整。同时，还要确保你的前端代码中请求的目标地址与 Nginx 配置中的反向代理地址一致。
内容由零声教学AI助手提供，问题来源于学员提问
