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为前端发来请求的地址,即解决跨域,如果后端没有允许前端发来请求的地址,则跨域失败!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容