如何制作 SvelteKit SPA 预渲染 index.html答案

【问题标题】：How to make a SvelteKit SPA prerender index.html如何制作 SvelteKit SPA 预渲染 index.html
【发布时间】：2022-11-24 05:13:15
【问题描述】：

我有一个使用静态适配器构建的 SvelteKit 应用程序。

我在 svelte.config 中设置 fallback 以使其成为 SPA。

{
    kit: {
        adapter: adapter({
            fallback: 'index.html'
        })
    }
}

在 /routes 中，我有一个名为 (prerendered) 的文件夹，其中有一个 +layout.js 文件和 export const prerender = true;，如 svelte docs here 中所述。

如果我将我的根 +page.svelte 和嵌套文章和营销页面的树放入该（预呈现）文件夹中，我将获得文章的预呈现 html 文件，但不会获得 index.html。

有没有办法在静态 SPA 中预呈现 index.html？

【问题讨论】：

标签： sveltekit

【解决方案1】：

这不是 fallback 的用途。它用于解析尚未或无法预呈现的动态路由，因此无法由简单的文件服务器提供服务，它所做的只是路由到页面。

如果你已经有一个 +page.svelte 你想用作索引，你应该不是设置fallback。根路由的页面将自动变成index.html。

【讨论】：