利用ngnix解决跨域问题

一，定义

　　跨域是指从一个域名的网页去请求另一个域名的资源，它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。跨域的严格一点的定义是：只要协议，域名，端口有任何一个的不同，就被当作是跨域。

　　例如：相对http://www.cnblogs.com/wxw1314/index.html同源检测的结果

url	结果	原因
https://www.cnblogs.com/wxw1314/	失败	协议不同
http://www.cnblogs.com:8080/wxw1314/	失败	端口不用
http://news.cnblogs.com/wxw1314/	失败	主机名不同

二，解决方法：利用反向代理器nginx解决

主要是修改nginx的配置文件E:\nginx-1.12.2\conf\nginx.conf

 1 location / {
 2        #root为项目的路径
 3         root   E:\WebstormProjects\webPage;
 4         index  index.html index.htm;
 5 }
 6 location /apis {
 7     #proxy_pass为访问接口的路径
 8         rewrite  ^.+apis/?(.*)$ /$1 break;
 9         include  uwsgi_params;
10         proxy_pass  http://www.cnblogs.com;
11  }

在项目访问接口时把路径http://www.cnblogs.com全部换成/apis

如图

就可以实现跨域访问。

转载于:https://www.cnblogs.com/wxw1314/p/8781970.html

利用ngnix解决跨域问题相关推荐

利用axios解决跨域的问题
利用axios解决跨域的问题参考文章: (1)利用axios解决跨域的问题 (2)https://www.cnblogs.com/Irelia/p/9972990.html 备忘一下.
深入跨域问题(2) - 利用 CORS 解决跨域
阅读目录: 深入跨域问题(1) - 初识 CORS 跨域资源共享: 深入跨域问题(2) - 利用 CORS 解决跨域(本篇) 深入跨域问题(3) - 利用 JSONP 解决跨域深入跨域问题(4) - ...
Springboot 利用CORS 解决跨域问题
什么是跨域首先我们先用springboot 建立1个简单的API, 它返回1个json package com.example.demo_api_cors.controller;import com ...
无需CORS，用nginx解决跨域问题，轻松实现低代码开发的前后端分离
近年来,前后端分离已经成为中大型软件项目开发的最佳实践. 在技术层面,前后端分离指在同一个Web系统中,前端服务器和后端服务器采用不同的技术栈,利用标准的WebAPI完成协同工作.这种前后端分离的&q ...
利用nginx 反向代理解决跨域问题
利用nginx 反向代理解决跨域问题参考文章: (1)利用nginx 反向代理解决跨域问题 (2)https://www.cnblogs.com/hpx2020/p/9928175.html 备忘一 ...
前端解决跨域问题的8种方案（最新最全）
.同源策略如下: URL 说明是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下允许 http://www.a.com/lab/a.j ...
iframe解决跨域ajax请求的方法
iframe跨域的基本前提是,一个页面可以嵌套非同源站点的html文件,以及某一个域名下的html页面可以通过脚本向同域名服务器发出ajax请求.当一个域名为domain1下的页面A想要向domain ...
Spring @CrossOrigin 通配符解决跨域问题
@CrossOrigin 通配符解决跨域问题痛点: 对很多api接口需要开放H5 Ajax跨域请求支持由于环境多套域名不同,而CrossOrigin 原生只支持* 或者具体域名的跨域支持所以 ...
注解@CrossOrigin解决跨域问题
注解@CrossOrigin 出于安全原因,浏览器禁止Ajax调用驻留在当前原点之外的资源.例如,当你在一个标签中检查你的银行账户时,你可以在另一个选项卡上拥有EVILL网站.来自EVILL的脚本不能 ...

利用ngnix解决跨域问题

利用ngnix解决跨域问题相关推荐

最新文章

热门文章