所以我使用node js和express framework..问题是我的css文件找不到了。对于其他视图它可以正常工作，但是当编辑.ejs文件时，它无法获得css文件
我认为这与网址有关，当我传递我的网址没有“：id”它只是工作找到。它可以得到css文件。但当我使用与“：id”它不会找到。
这是视图代码（ejs文件），文件名为edit.ejs
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title>Update Parcel</title>
<link rel="stylesheet" href="stylesheets/style.css" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0" />
</head>
<body>
<header>
<nav>
<label class="logo">ParcelHero</label>
<ul>
<li><a href="menu">Home</a></li>
<li><a href="/">Log out</a></li>
</ul>
</nav>
</header>
<div class="hero3">
<div class="form-box">
<div class="fontbox">
<center>
<h1>Edit</h1>
</center>
<center>
<h1>Parcel</h1>
</center>
</div>
<form
action="/update/editPost"
method="post"
id="login"
class="input-group"
>
<input
type="text"
name="tracking_number"
class="input-field"
placeholder="Enter new Tracking number"
required
/>
<input
type="text"
name="owner_name"
class="input-field"
placeholder="Enter new parcel owner name"
required
/>
<input
type="text"
name="owner_phoneNumb"
class="input-field"
placeholder="Enter new parcel owner no. phone"
required
/>
<input
type="text"
name="parcelCourier"
class="input-field"
placeholder="Enter new parcel courier name"
required
/>
<input
type="radio"
name="status"
value="Active"
class=""
checked
/>Active
<input type="radio" name="status" value="Inactive" class="" />
Inactive
<button type="submit" class="submit-btn">Save</button>
</form>
</div>
</div>
<div class="sidebar">
<h1>Menu</h1>
<a href="view">View all parcel</a>
<a href="search">Search parcel</a>
</div>
</body>
</html>这是来自服务器站点的.js文件
var express = require("express");
var router = express.Router();
const parcel = require("../models/parcel");应用程序使用（“/update”，编辑路由器）;
//this get request is when I'm click the edit button from view page, and it will display the id at the url. I get the page edit. but did not get the css file.
router.get("/:id", function (req, res, next) {
parcel
.findOne({
where: {
id: req.params.id,
},
})
.then((result) => {
res.render("edit", {
data: result,
});
});
});/输出：获取/更新/样式表/样式. css 404 10.334毫秒- 1283 */
//but when i'm using just this. I will get the css file
router.get("/", (req, res) => {
res.render("edit");
});/output：GET/样式表/样式. css 304 2.488毫秒- - */ //这是一个工作的
有人能帮忙吗非常感谢
1条答案
按热度按时间rxztt3cl1#
将
href="stylesheets/style.css"更改为href="/stylesheets/style.css"。如果你在
/update页面上，它会在你的href中添加前缀/update，如果你在href中添加/，它不会这样做。添加
/就像说“转到'根'文件夹”，这意味着当计算机/文件管理器查找文件时，它总是从同一个位置开始。