link 在 sapper 中建立索引创建第二个索引页
link to index in sapper creates a second index page
首先很抱歉,如果标题有点不清楚,我找不到一个清晰简洁的方式来描述我的问题。
我正在按照本教程进行操作:https://www.youtube.com/watch?v=ujbE0mzX-CU 构建我自己的应用程序,并且在完成与他对 [state].svelte 路线所做的相同的事情之后,我发现自己有点当我尝试 link 到我的索引页面时卡住了。我希望左上角的徽标在单击时将我带回索引页,但如果我这样做
<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/>
您应该可以使用 /
而不是 index
<a href="/" class="navbar-item">
<img src="myimage" alt="Logo">
</a>
创建一个索引文件并将其放在
<a href="index.html">Go to new page</a>
首先很抱歉,如果标题有点不清楚,我找不到一个清晰简洁的方式来描述我的问题。
我正在按照本教程进行操作:https://www.youtube.com/watch?v=ujbE0mzX-CU 构建我自己的应用程序,并且在完成与他对 [state].svelte 路线所做的相同的事情之后,我发现自己有点当我尝试 link 到我的索引页面时卡住了。我希望左上角的徽标在单击时将我带回索引页,但如果我这样做
<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/>
您应该可以使用 /
而不是 index
<a href="/" class="navbar-item">
<img src="myimage" alt="Logo">
</a>
创建一个索引文件并将其放在
<a href="index.html">Go to new page</a>