CORS实践及原理

1.描述.

一开始研究CORS跨域,简直是一头雾水,看的阮老师的文章http://www.ruanyifeng.com/blog/2016/04/cors.html还是很迷糊,前端小白表示还是先来个实战比较直接。

2.准备工作:

首先用http-server在本地搭建一台服务器(http://127.0.0.1:8080),使用这台服务器发出数据请求。再使用nodejs搭建另一台服务器作为响应数据请求的。

1.下面展示不跨域的情况


不跨域的情况

2.下面展示跨域的情况:



那么如何使用CORS技术解决跨域了?


至此CORS解决跨域的简单的实践结束。

3.个人理解的CORS

CORS是需要前后端配合的完成的,后端服务器设置Access-Control-Allow-Origin为前端发来请求的地址,即解决跨域,如果后端没有允许前端发来请求的地址,则跨域失败!

你可能感兴趣的:(CORS实践及原理)