让 Express Static 停止“挂起”节点 14？

Question

半年前我问过这个问题，但我仍然有同样的问题： Express Static network requests 卡在“pending”

Tl; dr：每次更改 JS 文件时，节点 14 + Webpack 观看模式 + Express Static 都会导致浏览器挂起。 这发生在多个浏览器中，在重新启动服务器后和清除缓存后。

让浏览器停止挂起的两种方法是：

• 关闭并重新打开选项卡
• go 到主页（http://localhost）

Node 12 中不会出现此问题。有什么方法可以让浏览器停止在 Node 14+ 中挂起？

编辑：这是我的 Express 代码，正在处理 repro 的 repo：

const app = express();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(cookieParser());
app.use(cors({
  origin: HOME_URL,
  optionsSuccessStatus: 200,
}));
app.disable('x-powered-by');

app.use('/api', apiRoutes);
app.use('/sse', sseRoute);

if (process.env.SERVER !== 'production') {
  app.use('/', express.static(
    path.resolve('./build/web'),
    { dotfiles: 'allow' },
  ));

  app.get('*', async (req, res) => {
    const indexFile = await fs.promises.readFile(
      path.resolve('./build/web/index.html'),
    );
    res.send(indexFile.toString());
    res.end();
  });
} else {
  app.all('*', (req, res, next) => {
    if (req.secure || !USE_SSL) {
      next();
    } else {
      res.redirect(`https://${req.hostname}${req.url}`);
    }
  });

  app.use('/', express.static(path.resolve('../web')));

  const indexFile = fs.readFileSync(path.resolve('../web/index.html')).toString();
  app.use('*', async (req, res) => {
    res.send(indexFile);
    res.end();
  });
}

Answer 1

如果您将 SPA 作为 static 内容提供，您可以尝试更改此部分：

app.use('/', express.static(path.resolve('../web')));

  const indexFile = fs.readFileSync(path.resolve('../web/index.html')).toString();
  app.use('*', async (req, res) => {
    res.send(indexFile);
    res.end();
  });

有了这个：

const path = require('path');
const rootPath = path.normalize(__dirname);

// Serve Angular/React frontend files 
app.use('/', express.static(rootPath + '/web', { redirect: false }));

// Rewrite virtual urls to Angular/React app
app.get('*', function (req, res, next) {
    res.sendFile(path.resolve(rootPath + '/web/index.html'));
});

Answer 2

我认为通过将app.use('/', express.static(更改为app.use(express.static(