Question

我有以下app.js代码；

app.use(express.static(__dirname + "/public"));
app.use("/example", express.static(__dirname + "/public"));

app.engine("html", require("ejs").renderFile);

app.get("/", (req, res) => res.render("index.ejs"));
app.get("/example", (req, res) => res.render("example.ejs"));

app.get("/example/:id", (req, res) =>
  res.render("exampleView.ejs", {
    id: req.params.id,
  })
);

以及在我的exampleView.ejs文件中，如果我使用以下图像标记，它将起作用

<img src="/SampleImage.jpg">

但是，如果我在没有/的情况下使用它，它将无法正常工作。不能选择使用它，因为它会破坏其他包含的视图文件。

我怀疑第二行是问题所在，所以我尝试了以下替代方法，

app.get("/example", (req, res) => res.render("example.ejs"));
app.get("/example/*", (req, res) => res.render("/example.ejs"));
app.get("/example", (req, res) => res.render("/*/example.ejs"));

但还是不好。

Answer 1

<img src="SampleImage.jpg">

将尝试查找当前路线中的图像，在您的情况下为“ /example/SampleImage.jpg”，而图像位于“ /SampleImage.jpg”内部。

app.get("/example/:id", ()=>{})

将强制所有文件都位于/example/...中。如果要动态重定向到该路径，可以这样编写代码：

app.use('*.jpg', (req, res, next) => {
    const subRoutes = req.path.split('/')
    const imageFileName = subRoutes[subRoutes.length - 1]
    res.redirect(`/${imageFileName}`)
})

app.use("/example", express.static(__dirname + "/public"))

您可以删除此行

Express.js在动态路由上提供静态文件

1 个答案: