在进行跨域请求时，经常会遇到浏览器提示的 “CORS 头” 错误。这种错误其实是由于浏览器安全策略所限制引起的，而在 Express.js 中，也需要对跨域请求进行相关的配置，以避免出现这种错误。本篇文章将会介绍如何在 Express.js 中解决 “CORS 头” 错误。
CORS
CORS（Cross-Origin Resource Sharing）是一个 W3C 标准，用于解决浏览器的跨源请求。在同源策略下，浏览器禁止通过 JavaScript 进行跨域操作。而通过 CORS 的配置，可以让服务器端在允许的情况下，允许客户端进行跨域请求。
在 Express.js 中，可以通过 cors 模块来配置跨域请求。cors 模块可以用于修改重写到达您的服务器的请求头（header），从而允许您的应用程序从不同的源访问授权资源。
安装 cors 模块
首先，我们需要在 Express.js 中安装 cors 模块。在命令行中执行以下命令即可：
npm install cors --save
配置 cors 模块
我们需要在 Express.js 应用程序中引入 cors 模块，并将其配置为中间件。以下是一个基本的应用程序示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---- - ---------------- ----- --- - ---------- ---------------- ------------ -------- ----- ---- - --------------- --------- --- ---------------- -------- -- - -------------------- --- --------- -- ---- -------- ---
在上述代码中，我们引入了 cors 模块，然后将其配置为 Express.js 的中间件。这样，我们便可以在需要进行跨域请求的路由中，使用该中间件，从而解决 “CORS 头” 错误问题。
当然，在实际应用中，我们还可以根据具体的业务需求，进一步配置 cors 模块。以下是一些示例：
允许所有来源的请求
app.use(cors());
允许指定来源的请求
-- -------------------- ---- ------- --- --------- - ----------------------- ---------------------- --- ----------- - - ------- -------- -------- --------- - -- -------------------------- --- --- - -------------- ----- - ---- - ------------ ---------- ------- -- ------- - - - ---------------------------允许 AJAX 跨域请求携带 cookie
app.use(cors({ origin: 'http://example.com', credentials: true }));支持预检请求（Preflight Request）
app.options('/save', cors()); app.post('/save', cors(), function(req, res) { // ... });
以上示例中的配置，均可在 cors 官方文档 中找到更加详细的说明。
值得注意的是，在进行跨域请求时，我们还需要对响应头进行相关配置。以下是一个响应头配置示例：
res.set({
'Access-Control-Allow-Origin': '*'
});在上述代码中，我们使用 res.set 方法对响应头进行设置，指定了 Access-Control-Allow-Origin 头，来允许来自所有来源的请求。
总结
在 Express.js 中，使用 cors 模块配置合适的跨域请求策略，可以有效避免 “CORS 头” 错误问题。通过本篇文章的介绍，读者们应当能够更加深入地了解 cors 模块的使用，并能够灵活地应用在自己的项目中，进一步提升应用程序的安全性和兼容性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6478148a968c7c53b045a16a