我已经在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文档中查找,但找不到与此问题相关的任何内容。
1条答案
按热度按时间xtfmy6hx1#
我也有同样的问题。找不到修复它的方法,但我确实找到了一个变通方法。
添加一个
/home
页面(随便你怎么命名)或其他东西,并使其成为索引'/'
页面的副本。然后在
<Link>
中执行以下操作:<Link href={"/home"}>foo</Link>