AJAX跨域问题解决方法(4)——调用方解决跨域

调用方解决跨域的方法只有一种,那就是隐藏跨域。

何为隐藏跨域?

隐藏跨域的核心思路是通过反向代理隐藏跨域以欺骗浏览器

什么是反向代理?
反向代理是指通过中间服务器使得访问同一个域名的两个不同url最终会去往两个不同的服务器

一:反向代理 - Nginx配置

在之前的被调用方解决跨域中,访问的请求是绝对地址,浏览器可以看到进行了跨域。
而在这种方法中,使用的是相对地址,通过不同的相对地址使用Nginx进行转发,使得实际上跨域的那个地址看起来没有跨域,但是通过Nginx转发到不同的服务器上。

例子:

 1 server {
 2     listen 80;
 3     a.com
 4 
 5     location / {
 6         proxy_pass http://localhost:8081/;
 7     }
 8 
 9     location /ajaxserver {
10         proxy_pass http://localhost:8080/;
11     }
12 }

结果:
访问a.com实际上访问的是:http://localhost:8081/
访问a/ajaxserver.com实际上访问的是:http://localhost:8080/
实际上跨域,但是使用nginx反向代理隐藏了跨域

二:反向代理 - Apache配置

依然使用反向代理,但是该方法使用Apache,

例子:
<VirtualHost *:80>
ServerName a.com
ProxyPass /ajaxserver http://localhost:8080/
ProxyPass / http://localhost:8081/
</VirtualHost>

结果同Nginx配置

posted @ 2018-03-26 00:20  格子熊  阅读(538)  评论(0编辑  收藏  举报