CORS实践及原理
2018-04-19 本文已影响0人
无名侠女
1.描述.
一开始研究CORS跨域,简直是一头雾水,看的阮老师的文章http://www.ruanyifeng.com/blog/2016/04/cors.html还是很迷糊,前端小白表示还是先来个实战比较直接。
2.准备工作:
首先用http-server在本地搭建一台服务器(http://127.0.0.1:8080),使用这台服务器发出数据请求。再使用nodejs搭建另一台服务器作为响应数据请求的。
1.下面展示不跨域的情况
![](https://img.haomeiwen.com/i10544404/8196d595424b3558.png)
![](https://img.haomeiwen.com/i10544404/bb6c19873bbdcd9a.png)
2.下面展示跨域的情况:
![](https://img.haomeiwen.com/i10544404/80f379cb4c0e70fc.png)
![](https://img.haomeiwen.com/i10544404/9c6f03d45d301b83.png)
![](https://img.haomeiwen.com/i10544404/234a19460d5e70cd.png)
那么如何使用CORS技术解决跨域了?
![](https://img.haomeiwen.com/i10544404/225232520773e282.png)
![](https://img.haomeiwen.com/i10544404/cd0005a6e146249e.png)
至此CORS解决跨域的简单的实践结束。
3.个人理解的CORS
CORS是需要前后端配合的完成的,后端服务器设置Access-Control-Allow-Origin为前端发来请求的地址,即解决跨域,如果后端没有允许前端发来请求的地址,则跨域失败!