Блог

Главная - Вопросы по программированию - ссылка на индекс в sapper создает вторую страницу индекса

ссылка на индекс в sapper создает вторую страницу индекса

#javascript #svelte #svelte-3

#javascript #стройный #стройный-3

Вопрос:

Прежде всего, извините, если название немного неясно, я не смог найти четкого и сжатого способа описать мою проблему.

Я следую этому руководству:https://www.youtube.com/watch?v=ujbE0mzX-CU чтобы создать собственное приложение, и после выполнения того же, что и он, с его [state].svelte route, я немного застрял, когда пытаюсь создать ссылку на свою страницу индекса. Я хочу, чтобы логотип в левом верхнем углу возвращал меня на страницу индекса при нажатии на него, но если я это сделаю

 <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/>

Ответ №1:

Вы должны быть в состоянии использовать / вместо index 

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

Ответ №2:

Создайте файл индекса и поместите это в

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