如何在Next.js中移除i18next默认添加的URL语言标签（如/en、/it）？

完全不需要改业务逻辑，通过调整i18next相关配置就能实现。你观察到的切换语言时URL自动添加/en、/it路径段的现象，根源是i18next-browser-languagedetector插件的默认配置，不是i18next核心本身的逻辑。

问题根源 #

这个语言检测插件的默认逻辑里，会把path路径段同时作为语言检测来源、语言缓存的写入目标：

• 检测阶段：会从URL路径中匹配/xx格式的语言标识
• 缓存写入阶段：调用i18n.changeLanguage切换语言时，会自动把当前语言代码拼接到URL路径上，完成所谓的语言持久化
  这就是你看到路由被自动改写的核心原因。

具体配置调整 #

只需要在原有的i18n.init配置里，新增语言检测器的专属配置项，把所有和URL路径读写相关的逻辑关掉就行，调整后的完整配置参考：

import i18n from 'i18next'
import Backend from 'i18next-http-backend'
import LanguageDetector from 'i18next-browser-languagedetector'
import { initReactI18next } from 'react-i18next'

i18n
  .use(Backend)
  .use(LanguageDetector)
  .use(initReactI18next)
  .init({
    fallbackLng: 'en',
    debug: true,

    interpolation: {
      escapeValue: false,
    },
    react: {
      useSuspense: false,
    },
    // 新增语言检测器配置
    detection: {
      // 调整语言检测顺序：优先读本地存储的用户选择，其次读浏览器语言，不再从URL路径、URL查询参数里识别语言
      order: ['localStorage', 'sessionStorage', 'navigator'],
      // 调整语言缓存写入位置：只把用户选择的语言存在本地存储，完全不再碰URL
      caches: ['localStorage'],
    }
  })

export default i18n

配置说明 #

• 从order数组里移除了path、subdomain、querystring三个URL相关的检测源，插件不会再从URL里解析语言标识
• 从caches数组里移除了path，调用i18n.changeLanguage的时候，插件只会把语言选择写入本地存储，不会再自动改写URL路径，自然就不会出现/en、/it这类显式语言段
• 核心注意：只要caches数组里保留了path项，切换语言时插件就一定会自动改写URL路径，必须移除才能彻底阻断这个行为
• 你原来业务组件里的切换语言逻辑完全不需要修改，和i18n的配置逻辑是兼容的，切换语言时页面URL会保持原样，不会有任何路由跳转或路径拼接

可选补充 #

如果后续需要做历史URL兼容：用户之前访问过带语言段的旧链接，可以在路由层加个简单的拦截逻辑，匹配到路径开头的语言代码段时，直接重定向到去掉该段的纯净URL即可，和i18n配置逻辑互不影响。

内容的提问来源于stack exchange，提问作者user3001286