每日一博 | 跨域(CORS)产生原因分析与解决方案,这一次彻底搞懂它
Cross-origin Resource Sharing 中文名称 “跨域资源共享” 简称 “CORS”,它突破了一个请求在浏览器发出只能在同源的情况下向服务器获取数据的限制。 本文会先从一个示例开始,分析是浏览器还是服务器的限制,之后讲解什么时候会产生预检请求,在整个过程中,也会讲解一下解决该问题的实现方法,文末会再总结如何使用 Node.js 中的 cors 模块和 Nginx 反向代理来解决跨域问题。 文中使用 Node.js 做一些 Demo 的演示,每一小节之后也会给予代码的 Demo 地址。 浏览器还是服务器的限制 先思考下,CORS 是浏览器端还是服务器端的限制?为了更好的说明这个问题,从一段示例开始。 从一段示例开始 index.html 创建 index.html 使用 fetch 调用 http://127.0.0.1:3011/api/data <body><!--<scriptsrc="https://cdn.bootcdn.net/ajax/libs/fetch/3.0.0/fetch.min.js"></script&g...
