美文网首页
CORS实践及原理

CORS实践及原理

作者: 无名侠女 | 来源:发表于2018-04-19 14:39 被阅读0次

    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实践及原理

          本文链接:https://www.haomeiwen.com/subject/ayfwkftx.html