解决跨域的方案

为什么会产生跨域

   js采用的是同源策略

    同源策略是指浏览器的一项安全策略，浏览器只允许js代码请求和当前所在服务器域名，端口号协议相同的数据接口上的数据，这就是同源策略。

    也就是说当协议，域名，端口任意一个不同时，都会产生跨域问题，所以如何解决宽裕呢？

跨域错误提示信息

 

 目前解决跨域的有两种方案

1.后台解决

CORS 是跨域资源分享（Cross-Origin Resource Sharing）的缩写response.setHeader("Access-Control-Allow-Origin", "*");

“*”表示所有的域都可以接受CORS 需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能。

2.前台解决 (proxy： proxy代理：proxy实现的原理是基于“同源策略是浏览器需要遵循的标准，而如果是服务器向服务器请求就无需遵循同源策略。”这一准则。)

devServer{
     proxy:{

      '/api':{

       target:'跨域的路径',
        changeOrigin:true
    }
  }
}