利用cors解决跨域问题

 

什么是跨域？

浏览器同源策略：协议+域名+端⼝三者相同就是同源。

http://www.baidu.com/a.js http://www.baidu.com/b.js

https://www.baidu.com/a.js http://www.baidu.com/a.js 协议不同

https://www.baidu.com:8080/a.js https://www.baidu.com/a.js 端⼝不同

https://www.baidu.com:8080/a.js https://www.a.com:8080/a.js 域名不同

跨域：协议、域名、端⼝三者任意一个不同就是跨域。

 

前端请求跨域提示：

<script>
    $.ajax({
      url:'http://127.0.0.1:3000/api/getUserList',
      success:function(res){
        console.log(res)
      }
    })  
</script>

跨域的解决方法：cors方法

   //设置允许跨域的域名，*代表允许任意域名跨域

   res.setHeader("Access-Control-Allow-Origin","*");

   //为了安全起见，可以指定路径，这个路径再出现跨域后，浏览器会显示

  res.setHeader("Access-Control-Allow-Origin","http://127.0.0.1:5501");

安装插件Live server插件,可以启动html