Next.js 国际化路由中处理无效语言环境的策略

// 假设这是你在 Next.js middleware.ts 或某个处理语言偏好的工具函数中
// 获取到用户语言偏好的逻辑
function getPreferredLocale(requestHeaders) {
    // 从请求头或其他来源获取语言数组
    // 例如，通过 next/server 的 `NextRequest` 对象获取 `Accept-Language`
    let languages = ['en']; // 默认值，以防万一

    // 实际应用中，这里会解析 requestHeaders['Accept-Language']
    // 假设解析后得到一个数组，例如 ['en-US', 'en', '*'] 或 ['*']

    // 模拟从请求头获取的语言数组
    // For demonstration:
    // const acceptLanguageHeader = requestHeaders.get('Accept-Language');
    // if (acceptLanguageHeader) {
    //     languages = acceptLanguageHeader.split(',').map(lang => lang.split(';')[0].trim());
    // }

    // 核心解决方案：处理 ['*'] 的情况
    if (languages.length === 1 && languages[0] === '*') {
        // 当语言数组仅包含 '*' 时，将其替换为应用程序的默认语言
        // 例如，替换为 'en' (英语) 或 'ar' (阿拉伯语，根据原始问题)
        console.warn("Detected invalid locale preference ['*'], falling back to default locale.");
        languages = ['en']; // 替换为你的应用默认语言，例如 'en', 'zh', 'ar' 等
    }

    // 接下来，你可以根据这个 languages 数组来决定最终的 locale
    // 比如，与你应用支持的语言列表进行匹配
    const supportedLocales = ['en', 'zh', 'ar']; // 你的应用支持的语言列表
    const foundLocale = languages.find(lang => supportedLocales.includes(lang.split('-')[0])) || supportedLocales[0];

    return foundLocale;
}

// 示例用法 (在 Next.js 的 middleware.ts 中)
// import { NextRequest, NextResponse } from 'next/server';

// export function middleware(request: NextRequest) {
//     const preferredLocale = getPreferredLocale(request.headers);
//     // 之后，你可以将 preferredLocale 用于重定向或设置请求头等
//     // 例如：
//     // const { pathname } = request.nextUrl;
//     // if (!pathname.startsWith(`/${preferredLocale}/`) && pathname !== `/${preferredLocale}`) {
//     //     return NextResponse.redirect(new URL(`/${preferredLocale}${pathname}`, request.url));
//     // }
//     return NextResponse.next();
// }

// 假设我们直接有一个 languages 数组
let userLanguages = ['*'];
let effectiveLocale = getPreferredLocale({ /* mock headers if needed */ }); // 调用时传入模拟或实际的请求头
console.log("Effective locale after processing:", effectiveLocale); // 预期输出 'en'

userLanguages = ['en-US', 'en'];
effectiveLocale = getPreferredLocale({ /* mock headers if needed */ });
console.log("Effective locale for en-US, en:", effectiveLocale); // 预期输出 'en'

userLanguages = ['fr', 'en'];
effectiveLocale = getPreferredLocale({ /* mock headers if needed */ });
console.log("Effective locale for fr, en:", effectiveLocale); // 预期输出 'en' (因为 fr 不在 supportedLocales 中，所以回退到第一个)