链接CSS,HTML IN NODE.JS

问题描述 投票:0回答:1

我正在尝试为使用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>

styles.css的

body {
    color:red;
}
html css node.js
1个回答
0
投票
<link rel="stylesheet" href="/css/styles.css"/>

只需从链接中删除type =“ css”

© www.soinside.com 2019 - 2024. All rights reserved.