接口跨域 CORS 使用方式

最新推荐文章于 2025-03-27 21:37:10 发布

原创最新推荐文章于 2025-03-27 21:37:10 发布 · 793 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #javascript #小程序

CORS（跨域资源共享）是一种允许浏览器在不同源之间请求资源的技术。通过设置特定的HTTP响应头，服务器可以解除同源策略的限制，使得前端能够跨域访问接口。CORS主要在服务器端配置，对于支持XMLHttpRequest Level 2的现代浏览器，可以无缝访问开启CORS的接口。注意，CORS在浏览器中存在兼容性问题，如IE10及以上版本、Chrome4+、Firefox3.5+等。

下载包 npm i cors
导入cors const cors = require ('cors')
配置全局中间件 app.use(cors())

什么是cors.

CORS (跨域资源共享) 由一系列 HTTP 响应头组成，这些 HTTP 响应头决定浏览器 是否阻止前端 JS 代码跨域获取资源
浏览器的同源安全策略默认会阻止网页“跨域”获取资源。但如果接口服务器配置了 CORS 相关的 HTTP 响应头，就可以解除浏览器端的跨域访问限制

注意 :

CORS 主要在服务器端进行配置。客户端浏览器无须做任何额外的配置，即可请求开启了 CORS 的接口
CORS 在浏览器中有兼容性。只有支持 XMLHttpRequest Level2 的浏览器，才能正常访问开启了 CORS 的服务端接口（例如：IE10+、Chrome4+、FireFox3.5+）