即使我设置了express.static（）并且路径正确，我的第一个应用程序也不会提供css

Question

正如标题所说，我正在尝试构建我的第一个节点应用程序而我遇到了问题。

昨天一切顺利。 现在，当我打开我的电脑时，我得到“资源解释为样式表，但使用MIME类型text / html传输：” http：// localhost：3000 / css.css “。”

我觉得很奇怪，因为我没有编辑任何东西，它停止了工作。

app.js

/*Libraries*/

var express = require("express"),
    app     = express()

/*Routes*/
    var indexRoute = require("./routes/index");
    app.use(indexRoute);
/*Modeles*/


/*Configuration*/
app.set("view engine", "ejs");
app.use(express.static('public'));

app.listen(3000, function() {
    console.log("==================================");
    console.log("===Serverul a pornit cu succes!===")
    console.log("==================================");
});

index.js

var express = require("express"),
    router = express.Router()

router.get("*", function(req, res) {
        res.render("index/404");
});

module.exports = router;

404.ejs

<% include ../../partials/header %>
    <section id="container-404" class="container-fluid">
        <div class="row">
            <div class="col-12">
                <h1 class="display-1">404</h1>
            </div>
        </div>
    </section>
<% include ../../partials/footer %>

header.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/reset.css">
    <link rel="stylesheet" href="/fontawesome-all.min.css">
    <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:400,800" rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" href="/css.css">
    <title>Best DavNic73</title>
</head>
<body>

文件夹结构：

root {app.js

partials> footer.ejs，header.ejs

public> css.css和其他2个css文件

routes> index.js

views> index> 404.ejs}

Answer 1

您目前有以下路由-> 404 -> public 。 这意味着404路由捕获所有请求，无法到达公共路由。 您必须按正确的顺序安装处理程序：

  app.use(express.static('public'));
  app.use(indexRoute);

即使我设置了express.static（）并且路径正确，我的第一个应用程序也不会提供css

问题描述

app.js

index.js

404.ejs

header.ejs

文件夹结构：

1 个解决方案

解决方案1
2 已采纳 2018-09-08 09:40:33

即使我设置了express.static（）并且路径正确，我的第一个应用程序也不会提供css

问题描述

app.js

index.js

404.ejs

header.ejs

文件夹结构：

1 个解决方案

解决方案1 2 已采纳 2018-09-08 09:40:33

解决方案1
2 已采纳 2018-09-08 09:40:33