github-pages - 如何从子文件夹运行 Svelte 应用程序？

Question

我在 GitHub 页面中托管了一个 svelte 应用程序，因此它从一个子文件夹提供。问题是所有链接都不再工作了。基本上我需要更改应用程序的基本 URL，但我不知道如何在 svelte 或 rollup 中做到这一点。
附注:我没有使用 Sapper。

Answer 1

您可以使用 base元素为此。
直接在 index.html 中设置它或使用 svelte:head将其设置在 svelte 应用程序本身中，这允许根据开发/生产轻松更改它

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

要根据环境设置它，您可以使用诸如环境变量和 @rollup/plugin-replace 之类的东西。但我觉得这超出了这个问题的范围。但是你可以看这里 Environment variables in svelte + rollup