跳至主要内容

在关于路由的第一章中,我们学习了如何使用动态参数创建路由。

有时将参数设为可选很有帮助。一个经典的例子是当您使用路径名来确定语言环境时——/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>