不使用EJS鏈接CSS文件

Question

我正在使用簡單的快速節點js，但是我的main.css文件未與header.ejs鏈接，兩者都是下圖所示的同一文件夾。

我在Google上進行了搜索，但問題仍然存在。 我的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文件），而不包含靜態內容。 在節點項目的根目錄中創建另一個名為“ public”的文件夾，並將main.css移至該文件夾，然后添加以下代碼以提供靜態內容。

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

之后，您應該可以使用localhost：5000 / main.css訪問main.css。如果看到內容，則視圖文件中的css導入將開始工作。