访问Svelte-routing中直接链接时出现“页面找不到”问题

这种情况很可能是由于使用 mode: 'history' 前进和后退按钮而引起的。解决办法是设置一个 * 代表所有其他路由并将其放在所有路由的底部，以便在其他路由不存在时，Svelte 组件不会抛出 404 错误。这样可以处理跳转到/login时显示404的问题。

<!-- App.svelte -->
<script>
  import { Router, Route } from 'svelte-routing';
  import Home from './routes/Home.svelte';
  import Login from './routes/Login.svelte';
  import NotFound from './routes/NotFound.svelte';
</script>

<Router>
  <Route path="/" component="{Home}"/>
  <Route path="/login" component="{Login}"/>

  <!-- 表示其他路由，也就是上述解决方法中提到的 * 的情况 -->
  <Route path="*" component="{NotFound}"/>
</Router>

<!-- NotFound.svelte -->
<h1>404 NOT FOUND</h1>

<!-- Login.svelte -->
<h1>This is Login page</h1>