gpt4 book ai didi

javascript - 将样式表添加到 Express 应用程序

转载 作者:行者123 更新时间:2023-11-30 07:23:18 25 4
gpt4 key购买 nike

对于我的网络应用程序,我在后端使用带有 express 和 parse.com 的 ejs。我在添加样式表时遇到问题,我能找到的这个问题的所有答案都没有解决我的问题。我想也许展示我的代码会有助于解决它。我的样式表目录是 public/css/style.css

请参阅下面来自 cloud/app.js 的代码

var express = require('express');
var app = express();

app.use(express.static(__dirname + '/public'));
app.set('views', 'cloud/views'); // Specify the folder to find templates
app.set('view engine', 'ejs'); // Set the template engine
app.use(express.bodyParser()); // Middleware for reading request body

var Movies = Parse.Object.extend('Movies');

app.get('/', function(req, res) {

var query = new Parse.Query(Movies);
query.find({

success: function(results) {
res.render('movie-list', { movies: results });
},

error: function(results, error) {

}

});
});


app.listen();

这是我的模板,位于 View 中:

<html>
<head>
<title>Movies</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" type="text/css">
</head>
<body>
<h1>Movies</h1>
<ul id="categoryList" class="list-group">

<%
for (var i = 0; i < movies.length; i++)
{
var movie = movies[i];
%>

<li class="list-group-item"><%= movie.get('Movie')%></li>

<%
}
%>

</ul>

</body>
</html>

任何帮助将不胜感激!谢谢!

最佳答案

让我回答我自己的问题。我删除了行

app.use(express.static(__dirname + '/public'));

并在我的模板头部留下指向样式表的链接:

<link href="/css/style.css" type="text/css">

现在我的样式表可以正常工作了。

关于javascript - 将样式表添加到 Express 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29619721/

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