什么是跨域问题并且怎样解决

1.什么是跨域？

跨域：指的是阅读器不克不及施行其他网站的足本。它是由阅读器的同源战略造成的，是阅读器对javascript施加的平安限制。

例如：a页面想猎取b页面资源，假如a、b页面的和谈、域名、端口、子域名不一样，所停止的拜访动作都是跨域的，而阅读器为了平安问题一样都限制了跨域拜访，也就是不同意跨域恳求资源。留意：跨域限制拜访，其实是阅读器的限制。懂得这一点很重要！！！

同源战略：是指和谈，域名，端口都要雷同，其中有一个不一样都会发生跨域；

2.跨域拜访示例

假设有两个网站，A网站摆设在：http://localhost:81 即当地ip端口81上；

B网站摆设在：http://localhost:82 即当地ip端口82上。此刻A网站的页面想去拜访B网站的信息，A网站页面的代码如下（这里使用jquery的异步恳求）

$(function (){

$.get("http://localhost:82/api/values", {},function (result) {

$("#show").html(result);

})})；

从错误信息可以看出以上显现了跨域问题！

3.怎样解决跨域问题？

由此前的介绍我们已经知道错误的缘由，既然跨域会发生问题，那么我们就不跨域不就完了嘛！！！

先上图：

第一我们用nginx作为代理效劳器和会员交互，这样会员就只需要在80端口上停止交互就可以了，这样就幸免了跨域问题，由于我们都是在80端口上停止交互的；

下面我们看一下利用nginx作为反向代理的详细配置：

server {
        listen      80; #监听80端口，可以改成其他端口
        server_name  localhost; # 当前效劳的域名
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
        location / {
            proxy_pass http://localhost:81;
            proxy_redirect default;
        }
location /apis { #增加拜访名目为/apis的代理配置
rewrite  ^/apis/(.*)$ /$1 break;
proxy_pass  http://localhost:82;
  }
#以下配置省略

1.当会员发送localhost:80/时会被nginx转发到http://localhost:81效劳；

2.当界面恳求接口数据时，只要以/apis 为开头，就会被nginx转发到后端接口效劳器上；

总结：nginx实现跨域的道理，实际就是把web项目和后端接口项目放到一个域中，这样就不存在跨域问题，然后按照恳求地址去恳求不一样效劳器（真正干活的效劳器）；

引荐教程：《JS教程》

以上就是啥是跨域问题并且怎样解决的具体内容，更多请关注百分百源码网其它相关文章！