热门搜索 :
考研考公
您的当前位置:首页正文

关于JS跨域的实例(使用CORS跨域)

来源:东饰资讯网

Step1:
新建两个express项目,这里我选择一个在端口3000打开叫做a.html,另一个在端口3001打开叫做b.html,这样做保证了它们“不同源”,像这样:

3001端口 3000端口

Step2:
添加a.html服务端代码:

服务器端

假设我要在b.html中访问a.html上的资源,获取到json数据,于是我在b.html中向a的服务器发送一个请求:

ajax请求

运行一下发现出错了:

出错信息

在这种情况下由于a.html 与 b.html不同源,所以不允许跨域访问。

Step3:使用CORS进行跨域访问

之前我们说过关于CORS 跨域的原理:将需要跨域访问的地址写为绝对地址,服务器端对于CORS的支持,主要就是通过设置Access-Control-Allow-Origin来进行的。如果浏览器检测到相应的设置,就可以允许Ajax进行跨域的访问。

于是我们在a.html服务器端添加代码如下:

添加代码 跨域成功
Top