react build assets express静态文件夹不服务错误es6

Question

嗨，我正试图从我的静态文件夹中的express服务react build资产，它使用CommonJS语法工作。现在，我将ES6语法与express一起使用，它不为其他文件服务，但它为index.html文件服务：

GET /?session_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImI4Y2QxNTA0LTg3YmEtNGMzMC04ZmI3LWFhZDFkZWQ0ZmFkNCIsImlhdCI6MTYwNjczODExMiwiZXhwIjoxNjA2NzQxNzEyfQ.m4Lf5mimxD_8r14bT_Npg2Ql_ZkiJrFoy6mDfdkx2Sw 200 15.099 ms - 3011
GET /static/css/main.3dccf1f1.chunk.css 404 3.406 ms - 173
GET /static/js/2.0216aaa2.chunk.js 404 1.833 ms - 168
GET /static/js/main.71c89386.chunk.js 404 17.247 ms - 171
GET /manifest.json 404 0.543 ms - 152

这是我在app.js中的代码

import express from 'express';
import session from 'express-session';
import dotenv from 'dotenv';
import morgan from 'morgan';
import path from 'path';
import {socketListen,socketIO} from './socket/init.js';

dotenv.config({path: './config/config.env'});

import authController from './controllers/authController.js';


const app = express();

app.use(express.json());
app.use(express.urlencoded({extended: false}));
app.use(session({
    resave: false,
    saveUninitialized: false,
    secret: process.env.SECRET_KEY,
    cookie: {secure: true}
}));
app.use(morgan('dev'));
//app.use(express.static(path.join(path.dirname(new URL(import.meta.url).pathname),'public')));
app.use(express.static((path.dirname(new URL(import.meta.url).pathname) + '/public')));
app.use('/api/v1/auth',authController);


const port = process.env.PORT || 5000;

app.get(['/','/nw','/nw/*'],(req,res) => {
    //res.sendFile(path.join(path.dirname(new URL(import.meta.url).pathname),'public','index.html'));
    res.sendFile('index.html',{root: 'public'});
});

socketListen(4000);

socketIO.on('connect',async() => {
    console.log('crypto client connected');
});

socketIO.on('event',async() => {

});

socketIO.on('disconnect',async() => {
    console.log('crypto client disconnected');
});


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

nano_wall
 - app.js
 - /public
     - /static
     - /assets
     - index.html
     - asset-manifest.json
     - manifest.json
     - favicon.ico

我已经使用path.join和path.dirname（新的URL（import.meta.URL).pathname）替换了ES6的__dirname，虽然import.meta.URL代码替换了__dirname，但它似乎没有用express.static（）正确注册，所以我使用了{root:'public'}配置选项。

Answer 1

所以我用express.static玩了一会儿，看了一下serve-static index.d.ts文件，我发现有一个dotfiles配置选项，您可以在这里决定如何在文件路径的前面处理./，但我只是使用了'public'，它似乎显示得很正确。