在 Web 开发中，跨域资源共享（CORS）是一个必须要关注的问题。CORS 是浏览器的一种安全机制，它禁止来自其他域的代码对当前域进行操作，避免了劫持攻击和其他安全漏洞。但有时候，我们需要通过跨域请求获取一些资源，这时候就需要用到 CORS 了。
在 Node.js 中，我们可以使用 express-cross-origin-resource-sharing 这个 NPM 包来彻底解决跨域请求问题。本文将介绍如何使用该 NPM 包来搭建一个支持跨域请求的 Express 应用程序。
安装 express-cross-origin-resource-sharing
首先，需要使用 npm 安装 express-cross-origin-resource-sharing：
npm install express-cross-origin-resource-sharing
配置
在 Express 应用程序中，需要引入 express 和 express-cross-origin-resource-sharing：
const express = require('express')
const cors = require('express-cross-origin-resource-sharing')接下来，在 app 中添加 cors 中间件即可：
const app = express() app.use(cors())
注意，这个中间件应该放在所有其他中间件的前面，这样它才能处理所有的跨域请求。
使用示例
假设现在需要使用一个远程 API 来获取一些数据，这个 API 部署在另一台服务器上，URL 是 https://example.com/api/data。如果当前应用程序和远程 API 不在同一个域中，需要使用 CORS 来请求数据。
app.get('/api/data', async (req, res) => {
const response = await fetch('https://example.com/api/data')
const data = await response.json()
res.json({ data })
})直接请求远程 API 会触发跨域错误，这时候需要使用 express-cross-origin-resource-sharing：
-- -------------------- ---- ------- ----- ------- - ------------------ ----- ---- - ------------------------------------------------ ----- ----- - --------------------- ----- --- - --------- --------------- -------------------- ----- ----- ---- -- - ----- -------- - ----- ------------------------------------- ----- ---- - ----- --------------- ---------- ---- -- -- ---------------- -- -- ------------------- -------------
现在，我们可以通过在浏览器地址栏中输入 http://localhost:3000/api/data 来请求远程 API 数据了。
总结
本文介绍了如何使用 express-cross-origin-resource-sharing 这个 NPM 包来解决跨域请求问题。通过添加这个中间件，我们可以让 Express 应用程序支持 CORS，在跨域请求数据的时候更加方便快捷。相信读者们已经掌握了使用方法，可以在自己的项目中灵活运用了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556ce81e8991b448d3a32