CORS (Cross-Origin Resource Sharing) 是一种浏览器安全策略，用于限制跨域请求资源的访问。在前后端分离的 Web 应用中，前端页面通常是通过 Ajax 请求后端 API 接口，而这些接口往往会存在跨域访问的问题。本文将介绍在 Node.js Express 框架中处理 CORS 问题的方式，帮助开发者轻松解决跨域访问的问题。
什么是 CORS？
CORS 是一种跨域资源共享机制，允许浏览器向不同源的服务器发起 XMLHttpRequest 请求。CORS 的实现方式是在服务器端设置响应头 Access-Control-Allow-Origin，用于允许特定的源访问资源。如果服务器没有设置这个响应头，浏览器将会拒绝该请求。
在 Node.js Express 框架中处理 CORS 问题，需要设置响应头 Access-Control-Allow-Origin，允许特定的源访问资源。
处理 CORS 问题的方式
在 Node.js Express 框架中处理 CORS 问题，有两种方式：手动设置响应头和使用中间件。
手动设置响应头
手动设置响应头需要在每个路由处理函数中设置响应头，代码如下：
// javascriptcn.com 代码示例
const express = require('express');
const app = express();
app.get('/api', function(req, res) {
res.header('Access-Control-Allow-Origin', '*');
res.send('Hello, World!');
});
app.listen(3000, function() {
console.log('Server is running at http://localhost:3000');
});上述代码中，我们在路由处理函数中手动设置响应头 Access-Control-Allow-Origin，允许任何来源访问该资源。
但是，在实际开发中，如果每个路由处理函数都手动设置响应头，代码将会变得冗余且难以维护。因此，我们可以使用中间件来处理 CORS 问题。
使用中间件
在 Node.js Express 框架中，可以使用第三方中间件 cors 来处理 CORS 问题。cors 中间件可以自动设置响应头 Access-Control-Allow-Origin 和其他相关的 CORS 响应头，代码如下：
// javascriptcn.com 代码示例
const express = require('express');
const cors = require('cors');
const app = express();
app.use(cors());
app.get('/api', function(req, res) {
res.send('Hello, World!');
});
app.listen(3000, function() {
console.log('Server is running at http://localhost:3000');
});上述代码中，我们使用了 cors 中间件来处理 CORS 问题。cors 中间件会自动设置响应头 Access-Control-Allow-Origin 和其他相关的 CORS 响应头，允许任何来源访问该资源。
总结
在 Node.js Express 框架中处理 CORS 问题，有两种方式：手动设置响应头和使用中间件。手动设置响应头需要在每个路由处理函数中设置响应头，代码冗余且难以维护。使用中间件可以自动设置响应头，代码简洁且易于维护。因此，在实际开发中，建议使用中间件来处理 CORS 问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650abc9895b1f8cacd517d53