Step1:
新建两个express项目,这里我选择一个在端口3000打开叫做a.html,另一个在端口3001打开叫做b.html,这样做保证了它们“不同源”,像这样:
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服务器端添加代码如下:
添加代码 跨域成功