nginx代理ajax跨域请求

一、首先去下载一个nginx。

二、配置nginx的配置文件 nginx.conf

server {listen       8088; #监听端口server_name  localhost;#charset koi8-r;#access_log  logs/host.access.log  main;location / {root   html;index  index.html index.htm;}
#代理配置location /FillFormApp { proxy_pass   http://192.168.5.149:8080;#代理IP:端口}}

详解url，url:"http://localhost:8088/FillFormApp/user/login", FillFormApp是我后台服务的访问路径，即：server.context-path=/FillFormApp
当我的ajax访问localhost:8088/FillFormApp服务的时候，nginx首先会拦截到本服务下8088端口的请求，拦截到后，通过proxy_pass http://ip:port;

配置，转发请求到指定的后台服务，ip是本机的ip地址，也可以是127.0.0.1,port就是自己后台启动的端口，即本例中8080端口。这样，ajax就能访问到跨域的后台服务了。

值得注意的是，当ajax的url配置为localhost:8080/FillFormApp/user/login是无法直接访问到后台的。F12控制台会报错：

No 'Access-Control-Allow-Origin' header is present on the requested resource.即无法响应跨域访问。

要将ajax请求的url的端口号改为nginx的端口号：8088，只有这样，nginx才能拦截到来自8088的请求，继而进行代理转发服务了。

至此，实现分离开发模式下，ajax的跨域访问。

nginx代理ajax跨域请求相关推荐

Nginx 实现AJAX跨域请求
AJAX从一个域请求另一个域会有跨域的问题.那么如何在nginx上实现ajax跨域请求呢?要在nginx上启用跨域请求,需要添加add_header Access-Control*指令.如下所示: 1 ...
nginx 实现ajax跨域,Nginx 实现AJAX跨域请求
在工作中遇到跨域请求的问题: AJAX从一个域请求另一个域会有跨域的问题.那么如何在nginx上实现ajax跨域请求呢?要在nginx上启用跨域请求,需要添加add_header Access-Con ...
apache ajax 跨域访问,Apache 实现AJAX跨域请求
当使用ajax跨域请求时,浏览器报错:XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin.肯 ...
Apache 实现AJAX跨域请求
更多:http://www.webyang.net/Html/web/article_133.html 当使用ajax跨域请求时,浏览器报错:XmlHttpRequest error: Origin ...
ajax跨域请求时会出现什么问题,在用AJAX跨域请求时遇到的问题
刚刚接触ajax就遇到一个词--跨域. 在我百度了各种资料以后总结了一句话:"只要不是在一个协议.域.名端口下,都属于跨域(127.0.0.1本地也属于跨域)". 在做ajax请求 ...
用iframe设置代理解决ajax跨域请求问题
用iframe设置代理解决ajax跨域请求问题参考文章: (1)用iframe设置代理解决ajax跨域请求问题 (2)https://www.cnblogs.com/ranzige/p/370965 ...
第114天：Ajax跨域请求解决方法（二）
一.什么是跨域我们先回顾一下域名地址的组成: http:// www . google : 8080 / script/jquery.js http:// (协议号) www (子 ...
Vue ajax跨域请求*
Vue ajax跨域请求 Vue webpack-dev-server实现跨域请求思路配置webpack-dev-server,代理某一个路径到目标路径,同是更改源和重写 Vue里定义一个全部变量 ...
js请求结果拦截机器_js利用jquery的jsonp来解决ajax跨域请求被浏览器拦截结果的问题...
先来个表.页面太多对不起我也不知道这张表是从哪个博客保存过来的,所以无法注明博客地址.非常抱歉.URL说明是否允许通信 http://www.a.com/a.jshttp://www.a.com/b. ...

nginx代理ajax跨域请求

nginx代理ajax跨域请求相关推荐

最新文章

热门文章