12-Nginx解决前端项目跨域问题

最新推荐文章于 2025-11-05 12:35:11 发布

原创最新推荐文章于 2025-11-05 12:35:11 发布 · 696 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#nginx #前端 #运维

本文详细讲解了如何在Nginx中配置CORS以支持跨域请求，包括Access-Control-Allow-Origin、Credentials等关键设置，以及最佳实践中的域控制策略。

解决Nginx跨域问题

跨域问题图解

在同域名下可以访问, 跨域名就会有跨越问题, 导致请求无法访问

CORS跨域资源共享

Cros-Origin Resource Sharing
允许浏览器向跨Origin的服务器发起JS请求获取响应
Jsonp, SpringBoot Cors, Nginx

Nginx配置允许跨域

在Nginx.conf配置文件中需要允许跨域的Server模块下配置

# 允许跨域请求的域, * 表示所有
add_header 'Access-Control-Allow-Origin' *;
# 允许携带Cookie
add_header 'Access-Control-Allow-Credentials' 'true';
# 允许请求的方式 比如常用的Restful GET/PUT/POST/DELETE
add_header 'Access-Control-Allow-Methods' *;
# 允许请求的header
add_header 'Access-Control-Allow-Headers' *;