使用 res.redirect() 加载绑定到 EJS 页面的 CSS 时出现问题答案

【问题标题】：Problems while loading CSS tied to an EJS page while using res.redirect()使用 res.redirect() 加载绑定到 EJS 页面的 CSS 时出现问题
【发布时间】：2021-08-30 17:00:24
【问题描述】：

所以我将 express 与 ejs 一起使用，我将其作为我的基本路线 router.get("/", productsData.getProducts); productsData 来自我的控制器页面，这是那里的代码

exports.getProducts = (req, res, next) => {
    res.render("shop/index", { pageTitle: "Shop", path: "/" });
};

network tab in the developer tools show the css files werent loaded 在检查它时，我看到 net::ERR_EMPTY_RESPONSE 请求 css 文件。

如果我重新加载页面，它可以正常工作并加载 css。这是 CSS 导入的代码。 <link rel="stylesheet" href="/css/main.css" /> 唯一出错的是它重定向到这里

exports.postAddProduct = (req, res, next) => {
    const product = new Product(req.body.title);
    product.save();
    res.redirect("/");
};

谁能告诉我出了什么问题，是 res.redirect() 还是别的什么？

【问题讨论】：

看起来是路径问题。你的css文件在哪里？在这两种情况下，浏览器中显示的 URL 是什么？
css 文件位于 public/css 文件夹中。我还添加了app.use("/", express.static(path.join(__dirname, "public")));
此外，只有当它们被 res.redirect('/') 重定向到 '/' 路径时才会发生这种问题，并在我手动刷新页面时解决。

标签： javascript css node.js express ejs

【解决方案1】：

实际上代码很好，我在使用 nodemon 时将表单上传保存在与我的代码相同的目录中的文件中，它正在监视整个代码。所以每次我提交表单时，它都会重新启动服务器，因此发生了这个问题。

【讨论】：