css 文件没有为 ejs 文件中的特定路径加载
css file not loading for a particular route in ejs file
我有两个网页路由。我正在为两个页面加载相同的 app.css 文件。 app.css 文件位于 /public 目录中。
my folder structure
var express = require("express");
var app = express();
app.use(express.static("public"));
app.get("/", function(req, res) {
res.render("home.ejs");
});
app.get("/fall/:thing", function(req, res) {
var thing = req.params.thing;
res.render("myThing.ejs", {thingVariable: thing});
});
在我的 .ejs 文件中,我做了类似的事情来加载它。
<link rel="stylesheet" href="app.css">
<h1>things ejs file</h1>
<link rel="stylesheet" href="app.css">
<h1>Home page</h1>
css 文件仅加载第一页 ("/"
),不会加载 "/fall/:thing"
。我究竟做错了什么。顺便说一句,如果我将第二条路线重命名为 "/:thing"
,这次会加载 css。这里有什么问题?
如果 app.js
存在于当前目录中,则指出它。像这样:
<link rel="stylesheet" href="./app.css">
我有两个网页路由。我正在为两个页面加载相同的 app.css 文件。 app.css 文件位于 /public 目录中。 my folder structure
var express = require("express");
var app = express();
app.use(express.static("public"));
app.get("/", function(req, res) {
res.render("home.ejs");
});
app.get("/fall/:thing", function(req, res) {
var thing = req.params.thing;
res.render("myThing.ejs", {thingVariable: thing});
});
在我的 .ejs 文件中,我做了类似的事情来加载它。
<link rel="stylesheet" href="app.css">
<h1>things ejs file</h1>
<link rel="stylesheet" href="app.css">
<h1>Home page</h1>
css 文件仅加载第一页 ("/"
),不会加载 "/fall/:thing"
。我究竟做错了什么。顺便说一句,如果我将第二条路线重命名为 "/:thing"
,这次会加载 css。这里有什么问题?
如果 app.js
存在于当前目录中,则指出它。像这样:
<link rel="stylesheet" href="./app.css">