Question

我不确定究竟是什么破坏了，而且有点难以解释。我的文件结构如下所示：

+bin
  +css
    -style.css
    -fontawesome.min.css
  +fonts
    -FontAwesome.otf
    - ...
+www
  +comp
    -header.php
    -footer.php
  -index.php
  -otherpage.php

顶部和底部的index.php和otherpage.php include header.php和footer.php，内容介于两者之间。

请求域名为我提供index.php并请求otherpage.php显示该内容以及预期。

请求已配置的bin.domain.com/css/style.css显示正确的css文件。

然而，这就是问题：css文件的链接标记位于header.php中，并且未应用css。转到Inspector会显示链接标记，并在里面显示应该应用于页面的CSS的链接。

现在，有一个奇怪的事情：转到Firefox Devtools中的Style-Editor选项卡会显示fonts.google.com中的CSS，因为一个链接标记会导入字体。这是预期的，但没有显示任何其他内容，所以我甚至不知道错误在哪里。任何想法？

Answer 1

请求配置的bin.domain.com/css/style.css显示正确的css文件。

这可能不是，但你说你正在使用以下

<link href="bin.domain.com/css/style.css" rel="stylesheet">

如果将其更改为

，该怎么办？

<link href="http://bin.domain.com/css/style.css" rel="stylesheet">

Answer 2

我找到了解决方案：

网站本身是通过 https 加载的。然而，样式表和资产与 http 相关联。我重新生成了SSL证书，并使bin-subdomain成为https-one。这也是我的Firefox浏览器在控制台中说的，但我没有注意到。

这也解释了为什么Google-Font-Link有效，而其他人没有。这是一个https请求而不是http-one。

包含的链接标记不会加载css

2 个答案: