（五）SvelteKit教程：错误页和重定向

（五）SvelteKit教程：错误页和重定向

设置404页面和重定向非常容易，我们还是在 /about 目录下学习这个知识，文件结构如下：

├── +layout.svelte
├── +page.svelte
├── about
│   └── [aboutID]
│       ├── +error.svelte
│       ├── +page.server.js
│       └── +page.svelte

我们需要修改 +page.server.js 文件，内容如下：

import { error,redirect } from '@sveltejs/kit';

export const load = async (serverloadEvent) => {
    const { fetch, params, url, route} = serverloadEvent;
    console.log("About page load", params, url, route.id);
    const { aboutID } = params;

    
    if (aboutID == "22") {
        throw redirect(307, "/");
    }
    if (aboutID > "2") {
        throw error(404, {message: "Invalid aboutID message"});
    }
    
    const title = "New, from server";
    const response = await fetch(`http://localhost:4000/users/${aboutID}`);
    const users = await response.json();
    return { 
      title,
      users,
   };
  };

重定义非常容易，在代码中，当 aboutID == 22 的时候，我们就直接重定义到根目录下面。404 也非常容易，当aboutID > 2 时候，我们直接是定义到错误页 error。

接下来，我们需要写 +error.svelte 内容如下：

<script>    
    import  { page } from '$app/stores';
</script>

{$page.status}: {$page.error.message}