Question

这是我在我的一个部分文件（head.ejs）中得到的内容，

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

这是在视图中 - ＆gt; 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>

Answer 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">

Express JS部分未加载样式表

1 个答案: