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
並返回會更新目前頁面的內容,就像單頁應用程式一樣。這給了我們兩全其美的好處 — 快速的伺服器渲染啟動,然後是即時導覽。(此行為可以設定。)
上一頁 下一頁
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>