Firebase:href 相对链接失败
Firebase: href relative links fail
只有我一个人,或者使用 Firebase 托管时,您的 href
链接是否会因放置在子目录中的文件而失败?例如,我有一个如下所示的文件夹结构,但突出显示的 index.html
文件中的 <link rel="stylesheet" href="style.css" />
解析为我网站的根目录。 style.css 文件在那里,只是没有显示。
问题是如果我硬编码 URL,if/when 我将其迁移到新的托管服务提供商,我将不得不改变所有这些。
您是否在 firebase.json
中使用重写来使所有页面解析为 index.html
(或者您是否对 [=13= 中的 Single-Page 应用问题说 "Y" ])?如果是这样,您将需要执行以下两项操作之一:
<link rel="stylesheet" href="/commas/style.css">
<!-- or -->
<base href="/commas">
<link rel="stylesheet" href="style.css">
请注意,如果您执行 <base>
,那么您页面上的 所有 相对 URL 将相对于指定的 URL 进行设置。我推荐第一种方法。
只有我一个人,或者使用 Firebase 托管时,您的 href
链接是否会因放置在子目录中的文件而失败?例如,我有一个如下所示的文件夹结构,但突出显示的 index.html
文件中的 <link rel="stylesheet" href="style.css" />
解析为我网站的根目录。 style.css 文件在那里,只是没有显示。
问题是如果我硬编码 URL,if/when 我将其迁移到新的托管服务提供商,我将不得不改变所有这些。
您是否在 firebase.json
中使用重写来使所有页面解析为 index.html
(或者您是否对 [=13= 中的 Single-Page 应用问题说 "Y" ])?如果是这样,您将需要执行以下两项操作之一:
<link rel="stylesheet" href="/commas/style.css">
<!-- or -->
<base href="/commas">
<link rel="stylesheet" href="style.css">
请注意,如果您执行 <base>
,那么您页面上的 所有 相对 URL 将相对于指定的 URL 进行设置。我推荐第一种方法。