跳至主要内容

SvelteKit 使用基于文件系统的路由,这意味着应用程序的 *路由*(换句话说,当用户导航到特定 URL 时应用程序应该做什么)由代码库中的目录定义。

src/routes 内部的每个 +page.svelte 文件都会在你的应用程序中创建一个页面。在这个应用程序中,我们目前有一个页面——src/routes/+page.svelte,它映射到 /。如果我们导航到 /about,我们将看到一个 404 未找到错误。

让我们修复它。添加第二个页面,src/routes/about/+page.svelte,复制 src/routes/+page.svelte 的内容,并更新它

src/routes/about/+page
<nav>
	<a href="/">home</a>
	<a href="/about">about</a>
</nav>

<h1>about</h1>
<p>this is the about page.</p>

我们现在可以在 //about 之间导航。

与传统的网页应用程序不同,导航到 /about 和返回会更新当前页面的内容,就像单页应用程序一样。这让我们兼得两者的优势——快速服务器渲染启动,然后是即时导航。(此行为可以配置。)

在 GitHub 上编辑此页面

上一页 下一页
1
2
3
4
5
6
7
8
<nav>
	<a href="/">home</a>
	<a href="/about">about</a>
</nav>
 
<h1>home</h1>
<p>this is the home page.</p>