Node.js后端服务跨域cors手工封装TS

最新推荐文章于 2023-07-11 13:05:30 发布

阿赛工作室

最新推荐文章于 2023-07-11 13:05:30 发布

阅读量230

点赞数

分类专栏： javascript 文章标签： node.js javascript 前端

本文链接：https://blog.csdn.net/qq_25753445/article/details/127359068

版权

javascript 专栏收录该内容

55 篇文章 2 订阅

订阅专栏

// const REG_WHITE_LIST = /^https?:\/\/(?:[0-9a-zA-Z-]+\.)*\.(?:ws|biz|com)(?::\d+)?$/;// 正则方式匹配 REG_WHITE_LIST.test(origin)
const REG_WHITE_LIST = ["http://127.0.0.1:909", "http://127.0.0.1:9098"];
// 这里写上想要匹配的域名
const cors = async (
  ctx: {
    get: (arg0: string) => any;
    set: (arg0: string, arg1: string | number) => void;
    method: string;
    status: number;
  },
  next: () => any
) => {
  const origin = ctx.get("Origin");
  if (origin && REG_WHITE_LIST.includes(origin)) {
    ctx.set("Access-Control-Allow-Origin", origin); // 允许跨域
    ctx.set("Access-Control-Allow-Methods", "POST,GET,OPTIONS,HEAD,PUT,DELETE"); // 支持的方法
    ctx.set("Access-Control-Allow-Credentials", "true"); // 允许传入Cookie
    ctx.set("Access-Control-Max-Age", 2592000); // 过期时间一个月
    // 如果有特殊的请求头，直接响应
    if (ctx.get("Access-Control-Request-Headers")) {
      ctx.set(
        "Access-Control-Allow-Headers",
        ctx.get("Access-Control-Request-Headers")
      );
    }
    // FIX：浏览器某些情况下没有带Origin头
    ctx.set("Vary", "Origin");
    // 如果是 OPTIONS 请求，则直接返回
    if (ctx.method === "OPTIONS") {
      ctx.status = 204;
      return;
    }
  }
  await next();
};

export default cors;