javascript - Assets 文件夹中的图像未加载我收到 304 错误

Question

当我尝试从资源文件夹加载此 png 文件时，出现 304 错误。我正在尝试从 Assets 文件夹加载图片。

const path = require('path');
const express = require('express');
const webpack = require('webpack');
const config = require('./webpack.config.dev');

const app = express();
const compiler = webpack(config);

app.use("/assets", express.static("assets"));


app.use(require('webpack-dev-middleware')(compiler, {
  noInfo: true,
  publicPath: config.output.publicPath
}));

app.use(require('webpack-hot-middleware')(compiler));

app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'index.html'));
});

app.listen(process.env.PORT || 3000, (err) => {
  if (err) {
    console.log(err);
    return;
  }

  console.log('Listening at http://localhost:3000');
});

文件树看起来像这样

Project Name
|-- /assets
|-- /dist
|-- /src
`-- server.js

我应该如何解决这个问题？这是一个 webpack 问题还是一个简单的 Express 问题。谢谢!

Answer 1

HTTP 304 是重定向 - 不是错误。这意味着它正在从缓存中加载图像。如果您进行了更改，请尝试清除缓存或以隐私浏览模式打开浏览器，这样就不会从中加载内容。它可能缓存了仍然无效的图像/位置，这就是它无法加载的原因。