跳至主要內容

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>