Firebase:href相对链接失败

时间:2017-02-02 01:13:56

标签: css firebase firebase-hosting

仅仅是我,还是使用Firebase Hosting,对于放在子目录中的文件,您的相对href链接是否会失败?例如,我有一个像下面的文件夹结构,但突出显示的<link rel="stylesheet" href="style.css" />文件中的index.html解析为我的网站的根目录。 style.css文件在那里,它只是没有显示。

问题是如果我对URL进行硬编码,如果/当我将其迁移到新的托管服务提供商时,我将不得不改变所有这些。

enter image description here

1 个答案:

答案 0 :(得分:2)

您是否在firebase.json中使用重写来将所有网页解析为index.html(或者您对firebase init中的单页应用问题说“是”)?如果是这样,您将需要做以下两件事之一:

<link rel="stylesheet" href="/commas/style.css">

<!-- or -->

<base href="/commas">
<link rel="stylesheet" href="style.css">

请注意,如果您执行<base>,那么您网页上的所有相对网址将相对于指定的网址生成。我推荐第一种方法。