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

解决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' *;

配置完成后就可以支持跨域请求了[一般为了安全考虑,不会使用*来让所有的都可以访问, 都是指定具体允许的网站, 多参数使用 逗号分割, 例如: 'http://ip:port,ip:port']