javascript 为什么在GitHub Pages上导航到`href ='/'`时,Next.js `Link`组件会在URL末尾添加`.txt`?

6ljaweal  于 2023-05-27  发布在  Java
关注(0)|答案(1)|浏览(171)

我已经在github-pages上部署了我的网站。我使用Link组件提供的下一个导航在我的网站。但是当我点击带有href="/"的组件时,它会在url的末尾添加.txt。我正在使用/app结构
我有一个数组的导航项目。

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

我在返回函数中迭代它

{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>
        ))}

问题仅在部署后存在,而不是在开发环境x1c 0d1x中
我试着在Next.js文档中查找,但找不到与此问题相关的任何内容。

xtfmy6hx

xtfmy6hx1#

我也有同样的问题。找不到修复它的方法,但我确实找到了一个变通方法。
添加一个/home页面(随便你怎么命名)或其他东西,并使其成为索引'/'页面的副本。
然后在<Link>中执行以下操作:
<Link href={"/home"}>foo</Link>

相关问题