gpt4 book ai didi

javascript - Express JS 部分未加载样式表

转载 作者:太空宇宙 更新时间:2023-11-04 09:45:11 24 4
gpt4 key购买 nike

这是我的一个部分文件 (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>

最佳答案

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

相反,在您的 express 中添加

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

关于javascript - Express JS 部分未加载样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39537963/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com