sapper 中的索引链接创建第二个索引页面答案

【问题标题】：link to index in sapper creates a second index pagesapper 中的索引链接创建第二个索引页面
【发布时间】：2020-08-26 23:59:04
【问题描述】：

首先抱歉，如果标题有点不清楚，我找不到清晰简洁的方式来描述我的问题。

我正在按照本教程进行操作：https://www.youtube.com/watch?v=ujbE0mzX-CU 来构建我自己的应用程序，并且在完成与他的 [state].svelte 路由相同的操作之后，我发现自己在尝试时有点卡住了链接到我的索引页面。我希望左上角的徽标在单击时将我带回索引页面，但如果我这样做了

<a href ="index" class="navbar-item">
  <img src="myimage" alt="Logo">
</a>

它把我带到 localhost:3000/index，这不是我的主页（它是 localhost:3000）。它将名称索引视为教程中的一种状态。你知道如何解决这个问题吗？为了便于理解，我的 [state].svelte 页面中的代码在这里：

<script context="module">

  export async function preload(page, session) {
    return { state: page.params['state'] };
  }

</script>

<script>
  import { Component1, Component2 } from '../components/export.js';


  export let state;
</script>

<h1>{state}</h1>

<Component1 />
<Component2/>

【问题讨论】：

标签： javascript svelte svelte-3

【解决方案1】：

您应该可以使用/ 而不是index

<a href="/" class="navbar-item">
  <img src="myimage" alt="Logo">
</a>

【讨论】：

【解决方案2】：

创建一个索引文件并将其放在上面

<a href="index.html">Go to new page</a>

【讨论】：