Question

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

我正在按照本教程进行操作：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/>

Answer 1

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

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

Answer 2

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

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

指向sapper中的索引的链接创建第二个索引页面

2 个答案: