跨域配置

步骤 1：安装跨域中间件

首先，你需要安装 @koa/cors 包来处理跨域请求。在你的 Koa 项目目录下运行以下命令：

pnpm add @koa/cors

步骤 2：配置跨域中间件

安装完成后，我们需要在 Koa 应用中配置跨域中间件。以下是配置跨域资源共享（CORS）的示例代码：

const { APP_PORT } = require("./env/index.js")
const Koa = require("koa")
const router = require("./router/index.js")
const { koaBody } = require("koa-body")
const cors = require("@koa/cors") 

const app = new Koa()

// 使用 koa-body 中间件
app.use(
	koaBody({
		multipart: true,
		formidable: {
			uploadDir: "./uploads",
			keepExtensions: true,
		},
		json: true,
		form: true,
		text: true,
	})
)

// 应用 cors 中间件，允许所有来源的跨域请求
app.use( 
	cors({ 
		origin: (ctx) => ctx.get("Origin") || "*", 
	}) 
) 

// 使用路由中间件
app.use(router.routes()).use(router.allowedMethods())

app.listen(APP_PORT, () => {
	console.log(`Server running on http://localhost:${APP_PORT}`)
})

通过以上步骤，你的 Koa 应用将能够处理来自不同源的请求，实现了跨域资源共享（CORS）。这使得前端应用能够从不同的域名安全地请求后端服务。

跨域配置 ​

跨域配置