nextjs项目开发

import { NextResponse, NextRequest } from "next/server";
import acceptLanguage from "accept-language";
import { fallbackLng, languages, cookieName, headerName } from "@/i18n/settings";
import { isMobileByUserAgent } from "./utils/service";

acceptLanguage.languages(languages);

export const config = {
  matcher: [
    // 仅匹配需要处理的非静态请求
    '/((?!api|_next/static|_next/image|assets|favicon.ico|sw.js|site.webmanifest).*)',
  ],
};

export function isLanguage(lang: string) {
  return languages.includes(lang);
}

const rewriteUrls = [
  "/about-us",
  "/contact-us",
  "/news",
  "/news-detail",
  "/product-center",
  "/solution",
];
export function middleware(req: NextRequest) {
  const pathname = req.nextUrl.pathname;
  const url = req.nextUrl.clone();

  // 静态资源直接跳过（保险起见）
  if (/\.(png|jpg|jpeg|gif|svg|ico|webp|woff2?|ttf)$/i.test(pathname) || pathname.includes('/_next/')) {
    return NextResponse.next();
  }

  // 检查 Cookie 和 Accept-Language
  let lng: string | undefined = req.cookies.get(cookieName)?.value;
  if (!lng || !isLanguage(lng)) {
    const headerLang = acceptLanguage.get(req.headers.get("Accept-Language"));
    if (headerLang && isLanguage(headerLang)) {
      lng = headerLang;
    } else {
      lng = fallbackLng;
    }
  }

  // 创建带自定义 Header 的响应
  const headers = new Headers(req.headers);
  headers.set(headerName, lng); // 设置语言 Header

  const userAgent = req.headers.get("user-agent") || "";
  const isMobile = isMobileByUserAgent(userAgent);
  const deviceDir = isMobile ? "mobile" : "pc";

  // 内部重写路径但保持URL不变
  if (rewriteUrls.some((route) => pathname.startsWith(route))) {
    url.pathname = `/${deviceDir}${pathname}`;
    const response = NextResponse.rewrite(url, { headers });
    response.cookies.set(cookieName, lng, {
      maxAge: 60 * 60 * 24 * 365,
      sameSite: "lax",
    });
    return response;
  }

  // 处理根路径 /
  if (pathname === "/") {
    url.pathname = `/${deviceDir}/home`;
    const response = NextResponse.rewrite(url, { headers });
    response.cookies.set(cookieName, lng, {
      maxAge: 60 * 60 * 24 * 365,
      sameSite: "lax",
    });
    return response;
  }

  // 其他请求处理
  const response = NextResponse.next({ headers });
  response.cookies.set(cookieName, lng, {
    maxAge: 60 * 60 * 24 * 365,
    sameSite: "lax",
  });
  return response;
}