我正在尝试为我使用 Node.js 开发的一个非常简单的应用程序添加一些样式。 我尝试了所有可能的答案,但 CSS 文件继续没有出现。 如果有人可以帮助我发现错误,我会很高兴:) 提前致谢。
我在 goormIDE 工作。
我的文件夹:
>app.js
>public
>css
>styles.css
>views
>search.ejs
我在 app.js 中的代码
var express = require("express");
var app = express();
var request = require("request");
app.use(express.static(__dirname + '/public'));
app.set("view engine", "ejs");
app.get("/", function(req, res){
res.render("search");
});
app.get("/results", function(req, res){
var query = req.query.search;
var url = "http://omdbapi.com/?s=" + query + "&apikey=thewdb";
request(url, function(error, response, body){
if(!error && response.statusCode == 200) {
var data = JSON.parse(body);
res.render("searchresults", {data: data});
}
});
});
app.listen(9000, function(){
console.log("Movie App has started!!!");
});
search.ejs:
<!DOCTYPE html>
<html>
<head>
<title>Central Cinema</title>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" type="css" href="/css/styles.css"/>
</head>
<body>
<div class="container">
<div class="landing-header">
<h1>Search For a Movie</h1>
<form action="/results" method="GET">
<input type="text" placeholder="search term" name="search">
<input type="submit">
</form>
</div>
</div>
</body>
样式.css
body {
color:red;
}
最佳答案
<link rel="stylesheet" href="/css/styles.css"/>
Just remove the type="css" from link
关于html - 在 NODE.JS 中链接 CSS、HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58144599/