Nginx学习笔记(五):Nginx实现跨域

目录

1.什么是跨域?

2.CORS跨域资源共享

3.Nginx跨域配置支持


1.什么是跨域?

当前站点访问其他站点,两个站点的域名不一样,就会出现跨域的问题。跨域其实就是从一个域名的网页里发起请求去访问另外一个域名用于获取资源进行响应,出于一些安全因素的考虑,浏览器会拒绝跨站点的访问,从而限制Ajax从一个站点向另一个站点请求访问资源。这个跨域的限制,其实是W3C的规范。

2.CORS跨域资源共享

CORS(Cross-Origin Resource Sharing:跨域资源共享)是一种基于HTTP头的机制,该机制通过允许浏览器向跨Origin的服务器发起js请求获取响应,实现跨域主要有以下三种方式:

(1)jsonp

(2)SpringBoot Cors

(3)Nginx

3.Nginx跨域配置支持

#允许跨域请求的域,*代表所有
add_header 'Access-Control-Allow-Origin' *;
#允许带上cookie请求
add_header 'Access-Control-Allow-Credentials' 'true';
#允许请求的方法,比如 GET/POST/PUT/DELETE
add_header 'Access-Control-Allow-Methods' *;
#允许请求的header
add_header 'Access-Control-Allow-Headers' *;

通过以上配置,即可实现跨域。如果本篇文章对你有帮助,请一键三连支持,谢谢。

上一篇:React基础概述


下一篇:一分钟解决Zoom无法连接的问题