跳至主要內容

在關於路由的第一章中,我們學習了如何使用動態參數建立路由。

有時將參數設定為選用會很有幫助。一個經典的例子是當您使用路徑名稱來確定語言環境時 — /fr/.../de/...等等 — 但您也想要有一個預設的語言環境。

若要執行此操作,我們使用雙括號。將 [lang] 目錄重新命名為 [[lang]]

應用程式現在無法建置,因為 src/routes/+page.sveltesrc/routes/[[lang]]/+page.svelte 都會匹配 /。刪除 src/routes/+page.svelte。(您可能需要重新載入應用程式才能從錯誤頁面中復原)。

最後,編輯 src/routes/[[lang]]/+page.server.js 以指定預設語言環境

src/routes/[[lang]]/+page.server
const greetings = {
	en: 'hello!',
	de: 'hallo!',
	fr: 'bonjour!'
};

export function load({ params }) {
	return {
		greeting: greetings[params.lang ?? 'en']
	};
}

在 GitHub 上編輯此頁面

上一個 下一個
1
2
<h1>hello!</h1>