nginx跨域处理 nginx跨域cors

本文目录一览：

• 1、浏览器跨域及其解决方案
• 2、vue3.0+nginx跨域问题
• 3、nginx配置ssl使用https(解决前端跨域问题)
• 4、Nginx解决跨域配置(Cors),支持白名单

浏览器跨域及其解决方案

直接从根源解决问题，让浏览器安全策略不起作用。这个方法虽然可以解决问题但是不现实。官方正统解决方案， CORS规范 允许服务器向浏览器返回一些HTTP Headers，浏览器可以基于这些HTTP Headers来决定是否突破SOP的限制。

通过jsonp跨域 Jsonp是Json的一种“使用模式”，他就可以解决浏览器遇到的跨域问题，我们可以动态创建script，再请求一个带参网址实现跨域通信。用Jsonp请求得到的是JavaScript，相当于直接用JavaScript解析。

通过jsonp跨域。通过修改document.domain来跨子域。使用window.name来进行跨域。使用HTML5中新引进的window.postMessage方法来跨域传送数据。

vue3.0+nginx跨域问题

1、通过以上处理后跨域问题解决，但是通过nginx请求后台服务时一直报404错误。 然而访问路径是正确的并没有问题，并且通过postman或者浏览器直接访问时能正常返回。一开始以为是跨域配置有问题，网上找了很多方法都解决不了。

2、受到限制。nginx配置跨域问题本地前端起服务不生效是因为浏览器同源策略的存在使得一个源中加载来自其它源中资源的行为受到了限制导致的，只需要进行更改浏览器即可。浏览器是用来检索、展示以及传递Web信息资源的应用程序。

3、最近在准备一个小项目来着，使用tomcat部署后端的SpringBoot项目，然后使用Nginx部署前端界面并转发后端请求到相应的tomcat集群时，发生了跨域问题，解决过程欲仙欲死，特在此记录一下。

4、的 /api/hello ，并将结果再返回给客户端了浏览器。在这个过程中，客户端浏览器始终面对的都是 Nginx，因此，请求页面的 index.html 和 AJAX 请求 /api/hello 都是发往了同一个服务器，自然就没有跨域问题。

5、客户端和自己搭建的代理服务器之间也存在跨域问题，所以需要在代理服务器中设置CORS。Nginx反向代理解决跨域：nginx通过反向代理解决跨域也是利用了服务器请求服务器不受浏览器同源策略的限制实现的。

nginx配置ssl使用https(解决前端跨域问题)

保存配置文件并重启Nginx：完成配置后，保存文件并重新加载或重启Nginx服务，使配置生效。

Gworg申请SSL证书，使用Nginx类型SSL证书配置就可以了。

查看nginx是否安装了ssl模块 通过nginx -V 查看，如果出现 (configure arguments： --with-http_ssl_module)， 则已安装是否安装了ssl模块。配置nginx 拷贝cert.pem，private-key.pem到nginx conf目录，配置server模块。

实现用https访问网站，至少需要2个步骤：获取SSL证书，部署SSL证书 获取SSL证书：在锐成信息选择好SSL证书的类型期限，再填写申请表格并生成CSR，随后验证域名和身份，就可以获取SSL证书了。

Nginx解决跨域配置(Cors),支持白名单

$http_origin 并不是nginx的内置参数，nginx支持取自定义的参数值，$http_XXX这个格式是nginx取请求中header的XXX的值的。

使用nginx反向代理解决跨域问题。网站前端访问nginx服务的地址，nginx设置代理地址为访问第三方api地址，当访问代理地址的时候，浏览器访问的是nginx服务的地址，实际是访问第三方api地址。

解决跨域的方法有：JSONP方式解决跨域、CORS方式解决跨域、搭建Node代理服务器解决跨域、Nginx反向代理解决跨域、postMessage方式解决跨域、Websocket方式解决跨域等。

将这个属性加到postman请求中果然也报404。由此定位是referer问题。 这个可以理解为白名单，可以限制允许指定的来源地址访问。我这里就直接去掉了。

使用代理：通过代理服务器请求数据，避免了跨域问题。使用 Nginx 反向代理：通过配置 Nginx 反向代理，来实现跨域请求。