什么是 CORS？
CORS 全称是 Cross-Origin Resource Sharing（跨域资源共享），它是浏览器使用的一种安全机制，用于限制一个网页或应用程序在另一个域名下如何与外部资源进行交互。如果一个网页或应用程序从另一个域名下请求数据、图片、样式表或脚本，浏览器就会发出 CORS 请求。CORS 请求需要服务器设置 CORS 响应头，否则浏览器不会允许该请求。
为什么要设置 CORS 响应头？
由于跨域请求具有一定风险（如跨站脚本攻击），浏览器会在发送 CORS 请求时进行安全检查，如果检查失败，浏览器会拒绝该请求，并提示出错信息，以保护用户的信息安全。因此，如果你的应用程序涉及到跨域请求，为了使响应请求能够被接受，你需要设置 CORS 响应头。
如何设置 CORS 响应头？
设置 CORS 响应头非常简单，只需要在服务器端的响应头中添加一些键值对就可以了。下面是一个 Node.js Express 应用程序的设置 CORS 响应头的示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---- - ---------------- ----- --- - ---------- -------------- ------- ----- ------------ ----- -------- ------- ------- ------ -------- ---------- ----
以上代码中，我们通过引入 cors 模块并使用 app.use() 方法来设置 CORS 响应头。cors() 方法接收一个对象参数，包含 origin（表示允许跨域请求的域名）、credentials（表示允许携带 Cookie）、methods（表示允许的请求方法）等键值对。设置 origin 为 true 表示允许所有域名的请求，也可以设置为特定域名，即“Access-Control-Allow-Origin”响应头。
以上代码使用了 Express 应用程序，其实跨域请求不限于 Node.js 环境，任何后端框架或语言都可以设置 CORS 响应头，只需要在服务器的响应头中添加对应的键值对即可。
总结
CORS 机制是浏览器对跨域请求的一种安全机制，它可以保护用户的信息安全。如果应用程序需要进行跨域请求，就必须设置 CORS 响应头。设置 CORS 响应头非常简单，在服务器端的响应头中添加一些键值对就可以了。在开发应用程序时，我们需要注意安全措施，并遵循开发规范和最佳实践，以提高应用程序的可靠性和安全性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/652213fa95b1f8cacd971ece