You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Next.js Link组件部署GitHub Pages后,跳转首页href='/'时URL末尾自动添加.txt的问题求助

Next.js Link组件部署GitHub Pages后,跳转首页href='/'时URL末尾自动添加.txt的问题求助

各位大佬好,我遇到一个挺奇怪的问题:我用Next.js的App Router结构开发了网站,部署到GitHub Pages之后,用Next.js自带的Link组件做页面导航,本地开发环境一切正常,但上线后点击指向href="/"的Home导航项时,URL末尾会自动加上.txt,变成类似https://myusername.github.io/.txt的样子,而点击/portfolio这个导航项就完全正常,不会出现这个问题。

我的导航项数组代码如下:

const navItems = [
  {
    path: "/",
    title: "Home",
  },
  {
    path: "/portfolio",
    title: "Portfolio",
  },
];

然后在组件里循环渲染Link的代码是这样的:

{navItems.map((item: navItem, index: number) => (
  <Link
    href={item.path}
    key={index}
    className={item.path === currentRoute?.path ? "border-b-2" : "border-transparent border-b-2"}>
    {item.title}
  </Link>
))}

我已经确认本地开发环境完全没有这个问题,只有部署到GitHub Pages之后才会触发。我翻了Next.js的官方文档,但没找到任何和这个问题相关的内容,有没有大佬遇到过类似的情况?求指点一下解决办法!

备注:内容来源于stack exchange,提问作者llsanketll

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.22 12:43:10