如何在没有app.js文件夹中使用express.static？

Question

我试图通过从服务器端使用express.static来显示图像。

我的文件夹是这样的结构..

    public 
     /test.png
    routes
     /index.js
     /upload.js
    app.js

app.js下的express.static工作（ http：// localhost：4000 / img / test.png ）

    const express = require('express');
    const app = express();
    app.use('/img', express.static(__dirname + '/public'));

    // Server Listen
    const port = process.env.PORT || 4000;

    app.listen(port, () => {
    console.log(`Server running on port: ${port}`);
    });

但它在upload.js（ http：// localhost：4000 / img / test.png ）下工作，我在这里做错了什么？ 通过安慰，这条道路似乎是正确的道路。

upload.js

    const express = require('express');
    const upload = express.Router();
    const cors = require('cors');
    const path = require("path");

    upload.use(cors());

    console.log(path.join(__dirname + '/../public'));
    upload.use('/img', express.static(path.join(__dirname + '/../public')));

    module.exports = upload;

这是我的index.js和app.js

index.js

    const router = require('express').Router();
    const uploadRoutes = require('./upload');
    router.use('/upload', uploadRoutes);

    module.exports = router;

app.js

     // Import thrid parties for APP
     const express = require('express');
     const cors = require('cors');
     const bodyParser = require('body-parser');
     const app = express();
     const routes = require('./routes');

     // App configuration
     app.use(bodyParser.json());
     app.use(cors());
     app.use(bodyParser.urlencoded({
       extended: false
      }));

     // Route Configuration
     app.use('/api', routes);


     // Server Listen
     const port = process.env.PORT || 4000;

    app.listen(port, () => {
     console.log(`Server running on port: ${port}`);
    });

谢谢你的看法。

Answer 1

我认为它应该像app.use('/img', express.static(__dirname + 'public'));

Answer 2

没有必要在两个文件中使用express.static 。 它通常放在条目文件（app.js）中。

以下是快速文档中的示例（注意/不是必需的）：

app.use('/static', express.static(path.join(__dirname, 'public')))