使用 NextJS 自定义路由名称

Question

几天前我开始研究 NextJS，现在我确实被阻止了一些我认为非常愚蠢但我在 Internet 上找不到解决方案的东西...

目前我的网站有 4 个页面（Dashboard、Connexion、Register 和 Notes），它们位于“pages”文件夹中与具有 内容、页脚、页眉、布局和 Navigation.js 的 'components' 文件夹处于同一级别。好吧，我还有一个 'public' 文件夹，其中包含一个 'build' 文件夹，其中有 admin.js、app.css、app.js、两个文件 .json 和另外两个.js.

现在，如果我想进入注册页面，我必须输入 URL /register 但我必须输入 /inscription进去.

希望你明白一切，如果你有任何问题，问我！谢谢！ :)

Answer 1

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

那么如果你运行 npm run dev 你应该可以进入 url: 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>
);

使用 NextJS 自定义路由名称

Custom route name with NextJS

javascript

url

reactjs

react-router

next.js