html - 无法加载资源: the server responded with a status of 404 (Not Found) issue in Nodejs app

Question

我需要帮助。我在这里查找了解决方案，但仍然找不到。所以我在Goorm ide中练习一些东西，但我已经走进了死胡同。我试图通过将脚本放在页脚中来链接 main.js(位于 js 文件夹中)文件。但我收到一个错误，上面写着

Failed to load resource: the server responded with a status of 404 (Not Found)我还在 lib 文件夹中上传了一些 png 文件，在尝试访问 ejs 模板中的这些文件后，我遇到了相同的错误。

根文件夹由js、lib和views文件夹以及其他一些不相关的文件夹组成。

为了链接 footer.ejs 中的 main.js(位于 View 内的partials文件夹中)，我使用了 <script type="text/javascript" src="../../js/main.js"></script> 。上传到 lib/images 文件夹中的 png 图像，我尝试从 View 中的 ejs 模板访问这些图像，所以我使用 <img src="../lib/images/image1.png"> 。我在这两种情况下都遇到了这个错误。如果有人可以提供帮助，我们将不胜感激。这就是我的根文件夹的样子 -

编辑:这是 app.js 代码:

require('dotenv').config();
var express = require("express");
var app = express();
var bodyParser = require("body-parser");
var indexRoute = require("./routes/index");
var flash = require("connect-flash-plus");
var session = require('express-session');

// APP CONFIG
app.use(express.static(__dirname + "/public"));
app.set("view engine", "ejs");
app.use(bodyParser.urlencoded({extended:true}));
app.set('json spaces', 2);
app.use(session({
    secret: 'boom',
    cookie: { maxAge: 60000 },
    saveUninitialized: true,
    resave: true
}));

app.use(flash());

app.use(function(req, res, next) {
    res.locals.error = req.flash("error");
    next();
});


// routes

app.use(indexRoute);

app.listen(3000, function(){
    console.log("Server has started");
})

Answer 1

您的 Express 配置指定将从 public 目录访问所有静态文件:

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

这意味着您想要在网络浏览器中访问的任何文件都必须位于此目录(或其子目录)中。

例如，如果您想访问 main.js，并且它位于 public/main.js 中，您可以在前端访问它，如下所示:

<script type="text/javascript" src="/main.js"></script>

请注意，在前端，您不得包含 public/ 前缀。