cloudflare使用express实现api防止跨域cors

1024小神2026-01-02 16:14

大家好，我是1024小神，想进技术群 / 私活群 / 股票群或交朋友都可以私信我，如果你觉得本文有用，一键三连 (点赞、评论、关注)，就是对我最大的支持~

在 Cloudflare Workers 上，必须自己处理 CORS，Express 默认的 cors 中间件并不会自动生效。

在中间件中写一个cors.ts文件，里面的代码如下：

javascript 复制代码

import { Request, Response, NextFunction } from 'express';

export function corsMiddleware(req: Request, res: Response, next: NextFunction) {
	// ⚠️ in production, write the specific domain
	res.setHeader('Access-Control-Allow-Origin', '*');

	res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');

	res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');

	// handle preflight request
	if (req.method === 'OPTIONS') {
		return res.sendStatus(204);
	}

	// next middleware
	next();
}

然后配置中间件在所有的路由前面：

然后重启项目，再次发送请求就没事了：

如果你有好的想法或需求，都可以私信我，我这里有很多程序员朋友喜欢用代码来创造丰富多彩的计算机世界