使用NextJS自定义路线名称

debugcn 发表于 Dev

马修·格维（Mathieu Gervais）

我几天前就开始从事NextJS的工作，但现在我实际上被阻止从事某些我认为非常愚蠢的事情，但是我无法在Internet上找到解决方案...

目前，我的网站有4个页面（仪表板，Connexion，注册和便笺），它们位于“页面”文件夹中，而与具有“内容”，“页脚”，“页眉”，“布局”和“ Navigation.js ”的“组件”文件夹位于同一级别。好吧，我还有一个“ public”文件夹，其中包含一个“ build”文件夹，其中包含admin.js，app.css，app.js，两个文件.json和两个其他.js。

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

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

哈桑·塞法·奥扎尔普（Hasan Sefa Ozalp）

在页面文件夹内文件夹的顶部，您应该创建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>
);

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。