在這段代碼中，我將一個 html 檔案呼叫到 app.js 中，css 樣式不會應用于 html，但是當我在沒有 app.js 的情況下單獨打開 html 路徑時，會應用樣式，代碼如下：
const express = require("express");
const bodyParser = require("body-parser");
const ejs = require("ejs");
const mongoose = require('mongoose');
const app = express();
app.set('view engine', 'ejs');
app.use(bodyParser.urlencoded({
extended: true
}));
app.use(express.static("public"));
mongoose.connect("mongodb://localhost:27017/aqeldb1", {useNewUrlParser: true});
app.route("/order")
.get(function(req, res){
res.sendFile(__dirname "/ordernow.html");
});
app.listen(3000, function() {
console.log("Server started on port 3000");
});
uj5u.com熱心網友回復：
在您的主 .js 檔案中使用：
app.use('/css',express.static(__dirname '/css'));
在您的主 .html 檔案中使用：
<link rel="stylesheet" type="text/css" href="css/style.css" />
請將 .css 檔案保存在公用檔案夾中
uj5u.com熱心網友回復：
您需要將檔案所在的目錄設定為靜態.css，或者/index.html在通過快速服務器加載時無法訪問它們。
app.use(express.static("directory/that/you/want/to/be/publicly/accessible")); <-- here you keep .css, and clientside .js files.
.css如果您不想添加另一個靜態目錄，也可以將檔案放在公用檔案夾中。一個好的方法是使包含view檔案（.html、.css、.js）的所有目錄都靜態。
uj5u.com熱心網友回復：
嘗試應用 app.use(express.static('public'));
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/465361.html
標籤：javascript html css 节点.js 猫鼬
下一篇：如何獲得查詢嵌套評論？