没有链接css文件与ejs

Question

我正在使用简单的快速节点js但我的main.css文件没有与header.ejs链接，两者都是下图所示的相同文件夹。

我在谷歌搜索但问题仍然存在。 我的app.js文件代码

    var express = require("express")
    var app = express()
    var request = require("request");
    app.set("view engine", "ejs");

    app.get("/", function(req, res){
        res.render("search");
    });
    app.get("/results", function(req, res){
        var url ="http://www.omdbapi.com/?s="+req.query.search+"&apikey=my_api_key"
        request(url, function(error, response, body){
            if(!error && response.statusCode == 200){
                var data = JSON.parse(body)
                // res.send(results["Search"]);
                res.render("results",{data: data});
            }
        })
    });


    app.listen(5000,"localhost",function(){
        console.log("movie search");
    })

Answer 1

您的设置错误，您的视图文件夹应该只包含视图文件（在您的情况下为* .ejs文件），但不包含静态内容。 创建另一个名为＆＃39; public＆＃39;的文件夹。在您的节点项目的根目录并移动您的main.css并添加以下代码以提供静态内容。

app.use(express.static(__dirname + '/public'));

在此之后你应该能够使用localhost：5000 / main.css访问你的main.css如果你看到你的内容，你的视图文件中的css导入将开始工作。