Nginx跨域问题的分析

1、Nginx的跨域问题解决

这块内容,我们主要从以下方面进行解决

什么情况会出现跨域问题
实例演示跨域问题
具体的解决方案是什么

同源策略
浏览器的同源策略: 是一种约定,是浏览器最核心也是最基本的安全功能,如果浏览器少了同源策略,则浏览器的正常功能可能都会受到影响。
同源: 协议、域名(IP)、端口相同即为同源

跨域主要是针对浏览器的,当我们访问一个网址时,从该网页点击一个链接(或者调用另一个网址)、如果这个链接或者网址不跟访问的网页不同源,就会出现跨域。

比如前后端分离,就容易出现跨域,前端在自己电脑上调试,前端会首先进入浏览器页面,同时在这个页面它会调用服务器的接口,进入浏览器时调用的接口可能是80,然后再次调用服务的时候,调用的接口可能是8000,所以接口不一样,就不同源 会出现跨域

http://192.168.200.131/user/1
http://192.168.200.131/user/1
不满足,协议不一样

http://192.168.200.131/user/1
http://192.168.200.132/user/1
不满足,IP不一样


http://192.168.200.131/user/1
http://192.168.200.131:8080/user/1
第一个没有端口号,默认是80,跟第二个不一样,也不满足同源策略

http://www.nginx.com/user/1
http://www.nginx.org/user/1
域
  • 22
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: 在docker中配置nginx解决跨域问题的方法如下:首先,在docker中安装nginx时,默认的html路径是/usr/share/nginx。\[2\]在创建nginx容器之前,可以更改这个路径,但一旦创建并构成映射关系后,就不能再更改了,否则会导致404、403等错误。接下来,我们需要将创建的nginx必需文件与docker安装nginx的配置文件一一对应起来,这样可以方便地在外挂文件中修改nginx的配置。\[3\]通过这种映射关系,docker中的nginx配置文件会自动更新。这样,我们就可以在外挂文件中修改nginx的配置,解决跨域问题。 #### 引用[.reference_title] - *1* [nginx跨域配置、使用,docker部署nginx全流程(实测简单完整无坑)](https://blog.csdn.net/soulwirter/article/details/126985552)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [docker配置nginx外挂文件,使用nginx部署vue并 解决前后端跨域问题](https://blog.csdn.net/qq_37591637/article/details/112836688)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值