跨域解决方法之Ngnix反向代理

转载文章:

https://www.cnblogs.com/Alear/p/8759023.html

 

[跨域]跨域解决方法之Ngnix反向代理

跨域原理:http://www.cnblogs.com/Alear/p/8758331.html

 

介绍Ngnix之前,我么先来介绍下代理是什么~

  代理相当于中间人,中介的概念

  代理分为正向代理和反向代理。(PS:本文介绍的解决跨域方法用的是反向代理)

    正向代理:现在客户端发送一个请求给服务端,可是该客户端没有访问权限,于是只能交给一个代理服务器来转交该客户端的请求给服务端响应。

         客户端知道请求资源地址,也能感知代理服务器的存在。

    反向代理:客户端发送一个请求,代理服务器收到这个请求,判断到这个请求对应的服务器并不能响应。于是代理服务器自行转发到可以响应该请求的服务器,并将响应内容返回给客户端。

         客户端并不知道实际上是哪个服务器响应的内容 。

 

Ngnix是什么:

  Nginx (engine x) 是一个高性能的HTTP反向代理服务器。

 

安装Ngnix和基本配置介绍可以看下这篇~ :

Linux下: https://blog.csdn.net/yougoule/article/details/78186138

Window下:;https://www.cnblogs.com/saysmy/p/6609796.html

(PS)如果在window命令行操作出现下面这种情况

跨域解决方法之Ngnix反向代理

改成:  .\nginx -s start    (‘ngnix’ 换成 ‘ .\ngnix’)

 

 

 

 接下来不废话了,我们来点实际的招式,直接上栗子,敲黑板!!!

我现在有一个项目是在 "localhost:80/test(等于localhost/test)下的"

跨域解决方法之Ngnix反向代理

 

可是我有个ajax请求是向localhost:8080/echarts/map请求的

跨域解决方法之Ngnix反向代理

 

如果直接请求浏览器的控制台会直接被报错

跨域解决方法之Ngnix反向代理

一般出现这种错误是跨域引起的

 

那么我们可以在ngnix配置文件nginx.conf(在ngnix安装目录下的conf文件下)这样配置来实现反向代理

跨域解决方法之Ngnix反向代理

 

 

 

 nginx.conf

跨域解决方法之Ngnix反向代理 View Code

 

于是我们的站点访问地址应该改为 ”localhost:8081/test

跨域解决方法之Ngnix反向代理

 

那个ajax外源请求地址应该改为”http://localhost:8081/echarts/map

跨域解决方法之Ngnix反向代理

 

然后就能成功进行跨域访问啦~

我们的http请求

跨域解决方法之Ngnix反向代理

 

 补充:

  我们会发现上面有不止配置了POST请求,还配置了OPTION请求。如果没有配置OPTION,则http报文里的请求方式是option,并报403错误

  那是因为做跨域的时候,浏览器会自动发起一个 OPTIONS 方法到服务器。

  当contentType设置为三个常用的格式以外的格式,如“application/json”时,会先发送一个试探的OPTIONS类型的’预请求‘给服务端,用于探测后续真正需要发起的跨域 POST 请求对于服务器来说是否是安全可接受的,

  因为跨域提交数据对于服务器来说可能存在很大的安全问题。

 

 我们在进行请求访问时候,多看看http报文的内容,可以帮助我们很快找到问题关键所在。像我在解决跨域问题时,http报文给了我很大思路。

 

这是Ngnix反向代理请求解决跨域的方式。后面我会出一篇后端(springMVC)通过CORS解决跨域的方案.

 

版权声明:本文为博主原创文章,未经博主允许不得转载哟

分类: 跨域

好文要顶 关注我 收藏该文 跨域解决方法之Ngnix反向代理 跨域解决方法之Ngnix反向代理

跨域解决方法之Ngnix反向代理

蕉爷
关注 - 12
粉丝 - 8

+加关注

1

0

« 上一篇: [跨域]跨域原理解析 
» 下一篇: [java源码解析]对HashMap源码的分析(一)

posted @ 2018-04-09 12:27  蕉爷  阅读(718)  评论(1)  编辑  收藏

 

评论列表

  

#1楼 2019-08-23 13:36 规格严格-功夫到家

6666