时间戳

首页 > 解决方案 > 在 NODE.JS 中链接 CSS、HTML

html - 在 NODE.JS 中链接 CSS、HTML

问题描述

我正在尝试为我使用 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!!!");
});

搜索.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;
}

标签： htmlcssnode.js

解决方案

<link rel="stylesheet" href="/css/styles.css"/>

只需从链接中删除 type="css"

推荐阅读