MST

星途 面试题库

面试题：SvelteKit 中如何自定义 404 页面

在 SvelteKit 项目里，阐述自定义 404 页面的具体步骤及所涉及的文件或配置，假设你已有一个基础的 SvelteKit 应用框架。
39.4万 热度难度
前端开发Svelte

知识考点

AI 面试

面试题答案

一键面试
  1. 创建 src/routes/404.svelte 文件：
    • 在 SvelteKit 项目的 src/routes 目录下，创建名为 404.svelte 的文件。这个文件将定义自定义的 404 页面的 UI 和逻辑。
    • 例如：
<script>
    // 在这里可以编写页面逻辑
</script>

<main>
    <h1>404 - Not Found</h1>
    <p>The page you are looking for could not be found.</p>
</main>
  1. 无需额外配置：
    • SvelteKit 会自动识别 src/routes/404.svelte 文件，并在发生 404 错误时渲染该页面。所以一般情况下，不需要对其他配置文件（如 svelte.config.js 等）进行修改来启用自定义 404 页面。只要确保 404.svelte 文件在正确的 src/routes 目录下即可。