Sveltekit子目录的基础URL抛出404

Question

我需要一点理解从子目录服务Sveltekit应用程序。我的公司将从名为/activ的子目录中提供应用程序。我认为更新适当的路径很容易，像这样:

svelte.config.js:

kit: {
...
paths: {
base: "/activ"
},
adapter: adapter({
fallback: 'index.html' // render as SPA
}),
}

路线/index.svelte:

<svelte:head>
<base href="/activ">
</svelte:head>

当我npm run build并将构建复制到服务器上的子目录时，应用程序加载并按预期运行。

然而，当我尝试从dev (localhost:3000)服务时，我收到以下错误:

http://localhost: 3000

Not Found

http://localhost: 3000/活性(子目录和Base URL是什么)

404
Not found: 
Error: Not found: 
at resolve (file:///Users/tomdoe/Sites/__playground/sveltekit-app/node_modules/@sveltejs/kit/dist/ssr.js:1728:13)
at async respond (file:///Users/tomdoe/Sites/__playground/sveltekit-app/node_modules/@sveltejs/kit/dist/ssr.js:1676:10)
at async Immediate.<anonymous> (file:///Users/tomdoe/Sites/__playground/sveltekit-app/node_modules/@sveltejs/kit/dist/chunks/index.js:3484:22)

似乎我不明白如何模仿从dev (localhost)服务时的子目录。任何帮助都非常感激!

Answer 1

你应该加上

rel="external"

阅读后。

https://kit.svelte.dev/docs/a-options sveltekit-reload