对于我的Web应用程序,我在后端使用带有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();
这是我的模板,位于视图中:
<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>
任何帮助将不胜感激!谢谢!
最佳答案
我尚未测试您的代码,但是在查看我的Parse Web应用程序时,指向样式表的链接以/
开头
尝试改变
<link href="css/style.css" type="text/css">
至
<link href="/css/style.css" type="text/css">
祝好运!
关于javascript - 添加样式表以表达应用程序,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29619721/