webpack output is served from / ng i 「wds」 404s will fallback to //index.html

这个问题出现的原因是在使用webpack-dev-server启动本地服务器时，没有设置正确的publicPath，导致服务器无法找到正确的资源路径。具体来说，webpack-dev-server默认将output.publicPath设置为“/”，而在某些情况下（例如使用HTML5 History API实现前端路由），可能需要将publicPath设置为“/”，否则访问某些URL时会导致404错误。

解决方案是在webpack的配置文件中显式地指定output.publicPath的值，例如：

module.exports = {
  // ... 其他配置项
  output: {
    // 输出目录
    path: path.resolve(__dirname, 'dist'),
    // 生成的文件名
    filename: '[name].js',
    // 生成的chunk文件名
    chunkFilename: '[name].chunk.js',
    // 资源引用路径
    publicPath: '/',
  // ... 其他配置项
在上面的配置中，将publicPath设置为“/”，这意味着所有资源（包括JS，CSS，图片等）都将在根目录下访问。
另外，如果你的应用程序使用了HTML5 History API实现前端路由，还需要在webpack-dev-server的配置中启用historyApiFallback选项。例如：
devServer: {
  historyApiFallback: true,
  // ... 其他配置项
这将启用前端路由，使得访问404页面时，自动重定向到index.html页面，从而避免404错误。
希望这些信息对你有帮助。