CORS（跨域资源共享）是 Web 开发中常见的一种问题，当我们的前端应用程序需要从不同的域名或端口请求数据时，就会遇到 CORS 问题，因为浏览器会阻止跨域请求。在 Koa 中，我们可以使用 koa-cors 中间件来解决 CORS 问题。
安装 koa-cors 中间件
首先，我们需要安装 koa-cors 中间件：
npm install koa-cors
使用 koa-cors 中间件
在 Koa 应用程序中使用 koa-cors 中间件很简单，只需要在应用程序的中间件堆栈中添加它即可：
const Koa = require('koa');
const cors = require('@koa/cors');
const app = new Koa();
app.use(cors());配置 koa-cors 中间件
默认情况下，koa-cors 中间件启用了 CORS。如果需要自定义配置，可以传递一个配置对象给中间件。下面是一些常用的配置选项：
origin
设置允许跨域访问的域名。可以是字符串、正则表达式或一个函数。默认值为 *，表示允许所有域名：
app.use(cors({
origin: 'https://example.com'
}));exposeHeaders
设置客户端可以访问的响应头列表：
app.use(cors({
exposeHeaders: ['Content-Length', 'X-Koa-Version']
}));maxAge
设置预检请求的有效期，单位为秒：
app.use(cors({
maxAge: 3600
}));credentials
设置是否允许发送 Cookie：
app.use(cors({
credentials: true
}));methods
设置允许的 HTTP 方法：
app.use(cors({
methods: ['GET', 'POST', 'PUT', 'DELETE']
}));headers
设置允许的请求头：
app.use(cors({
headers: ['Content-Type', 'Authorization']
}));示例代码
下面是一个完整的示例代码，展示了如何使用 koa-cors 中间件来解决 CORS 问题：
// javascriptcn.com 代码示例
const Koa = require('koa');
const cors = require('@koa/cors');
const app = new Koa();
app.use(cors({
origin: 'https://example.com',
exposeHeaders: ['Content-Length', 'X-Koa-Version'],
maxAge: 3600,
credentials: true,
methods: ['GET', 'POST', 'PUT', 'DELETE'],
headers: ['Content-Type', 'Authorization']
}));
app.use(async (ctx) => {
ctx.body = 'Hello World';
});
app.listen(3000);总结
通过使用 koa-cors 中间件，我们可以轻松地解决 Koa 应用程序中的 CORS 问题。希望这篇文章对你有所帮助，让你更加深入地了解 CORS 的概念和解决方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65635a40d2f5e1655dcf7a8c