使用NextJS自定义路线名称

几天前,我开始从事NextJS的工作,现在我实际上被封锁了一些我认为非常愚蠢的东西,但是我无法在Internet上找到解决方案...

目前,我的网站有四个页面(仪表板,Connexion,注册和注释),它们位于“ pages ”文件夹中,与“ components”文件夹位于同一级别其中具有内容,页脚,页眉,布局和Navigation.js 。好吧,我还有一个“公共”文件夹,其中包含一个“ build”文件夹,其中包含admin.js,app.css,app.js,两个文件.json和两个其他.js。

现在,如果要进入注册页面,我必须输入URL / register ,但必须输入 / inscription 才能进入

希望您能理解所有内容,如果有任何疑问,请问我!谢谢 ! :)

zpc1234 回答:使用NextJS自定义路线名称

您应该在页面文件夹内的文件夹顶部创建, dashboard.js,connection.js,register.js,notes.js。

然后,如果您运行npm run dev,则应该可以进入以下网址:http://localhost:3000/register

如果要将注册页面显示为SomeOtherPage,则可以使用以下代码。

// pageWithLink.js
import Link from "next/link";
export default () => (
  <div>
    <Link href="/register" as="/SomeOtherPage">
      <a>Some Other Page</a>
    </Link>
  </div>
);
本文链接:https://www.f2er.com/3109813.html

大家都在问