如何为静态网站配置基本网址 注意

如何解决如何为静态网站配置基本网址 注意

我有一个静态网站 - 它有一些 HTML、CSS 和 js 文件。我可以在本地提供它，也可以将它发布到静态网站服务器，如 Netlify 或 Vercel。

问题：我想在基本网址上提供它。例如www.mydomain.com/baseurl。因此，例如，<link rel="stylesheet" href="dist/style.css"> 中的 index.html 应在部署时转换为 <link rel="stylesheet" href="baseurl/dist/style.css">。

我可以重写我所有文件中的 URL，但是当尝试在本地提供它时它不起作用。

如何配置基本 URL？

解决方法

如果您使用 Only HTML Static 网站，您可以直接链接它。

例如，您可以用作

<link rel="shortcut icon" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico">

只需将 https 或 http 替换为您的基本网址。

或

替代方法是使用 PHP。但是你可以试试上面的代码。

,

只需将所有内容移动到名为 baseurl 的文件夹中即可。

例如文件夹结构

- root
  - baseurl
    - index.html
    - dist
       - style.css

因此，现在 www.domain.com/baseurl/index.html 将所有对 /baseurl 的请求重写到托管此事物的任何地方，应该可以工作，因为对资产的所有请求都以 baseurl 开头，并且都将被重写。

注意

我确实遇到了一些我不理解的奇怪行为。假设我有以下文件夹结构：

- root
  - baseurl
    - folder
       - index.html
       - markdown.md
       - dist
         - style.css

请注意，markdown.md 与 index.html 处于同一级别，并且它是 index.html 所需的资产。

当我去 www.domain.com/baseurl/folder/index.html 时一切正常。

但是，如果我转到 www.domain.com/baseurl/folder/index.html，它会抱怨找不到 www.domain.com/baseurl/markdown.md。它正在错误的位置寻找资产。