Question

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

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

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

express.static在app.js（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）。

这是快递docs中的一个示例（请注意，/不是必需的）：

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

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

2 个答案: