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

2018-06-24 01:46:32来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

何为隐藏跨域?

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

什么是反向代理?
反向代理是指通过中间服务器使得访问同一个域名的两个不同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配置

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:【Vue.js学习】生命周期及数据绑定

下一篇:Cookie、LocalStorage 与 SessionStorage的区别在哪里?