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
相关产品推荐
相关产品推荐

