播放中的静态html页面资源2.2.1

Question

我创造了

播放2.2.1项目中的静态html页面。

我的公用文件夹如下所示：

这些是我的样式表链接：

<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="assets/css/social-icons.css">
<link rel="stylesheet" href="assets/css/coming-soon-style.css">

但是，当我打开站点时，我只会得到html。

感谢您的回答！

更新

我的路线：

GET  /   controllers.Assets.at(path="/public", file="comingSoon.html")
GET  /coming-soon_followUpPage.html   controllers.Assets.at(path="/public", file="coming-soon_followUpPage.html")

Answer 1

将/public/assets/目录中的所有文件/文件夹移到更高一级，因此，对于一个实例/public/assets/bootstrap它应该是/public/bootstrap

如我所见，您正在使用资产的默认路由，这意味着放置在/public文件夹中的每个文件/文件夹都将与模板中的assets/file或assets/folder使用。

如果/public/assets/file.css它们保持/public/assets/file.css样式，则只需在模板中使用正确的路径即可，即：

<link rel="stylesheet" href="assets/assets/bootstrap/css/bootstrap.min.css">

无论如何，正如您所见，这没有任何意义;）

Answer 2

嗨，您以错误的方式链接了CSS文件，您有：

<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">

使用此方法，您可以在同一级别上搜索文件夹assets但这是父级assets ，您无需引用它，则只需要：

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

您也可以尝试在路径的开头添加/ ：

<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">