Express JS 部分未加载样式表答案

【问题标题】：Express JS partial not loading stylesheetExpress JS 部分未加载样式表
【发布时间】：2016-09-17 02:41:44
【问题描述】：

这是我的一个部分文件 (head.ejs) 中的内容，

<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
<link href="../../public/stylesheets/styles.css" rel="stylesheet" type="text/css">

这是在 views --> partials 文件夹中。 'public' 文件夹是两个目录。

我的 app.js 文件没有什么特别之处；只是基本的路由东西。

每次我运行我的应用程序时，styles.css 都不会被应用。我可以将其视为 Chrome 开发工具中的资源之一，但那里似乎是空的。

这里是styles.css文件

body {
    font-family: 'Dosis', sans-serif;
    font-size: 5em;
    color: red;
}

这里是 home.ejs 文件

<!DOCTYPE html>
<html lang="en">

    <head>
        <% include ./partials/head %>

        <title><%= title %></title>
    </head>

    <body class="container">

        <main>
            <div class="jumbotron">
                <h1>Hello!</h1>
                <p>Welcome!</p>
            </div>
        </main>


        <% include ./partials/scripts %>
    </body>


</html>

【问题讨论】：

标签： javascript css express

【解决方案1】：

从服务器提供服务时，您不能提供../../。

相反，在您的快递中添加

app.use(express.static(path_to_public_folder));

并将您的head.ejs 修改为

<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
<link href="/stylesheets/styles.css" rel="stylesheet" type="text/css">

【讨论】：