主页 / 问题 / 772879
Accepted
Багдаулет Сайын
Asked:2020-01-19 19:16:12 +0000 UTC2020-01-19 19:16:12 +0000 UTC

图片未加载 webpack

  • 772

在 devserer-e 上，一切正常并加载了图像，但在生产中，图像仅在初始页面上加载。在其他页面中，路径不匹配。或者简单地说，所有页面都使用相同的路径。例如，在主images/3hpZZVr.png和site.ru/about页面上，相同的路径是images/3hpZZVr.png而不是../images/3hpZZVr.png。

这是模块本身：

module.exports = function(){
  return{
    module:{
      rules:[
        {
          test:/\.(jpg|png|svg)$/,
          loader: 'file-loader',
          options:{
            name: '[sha512:hash:base64:7].[ext]',
            outputPath :  'images/',
          }
        }
      ]
    }
  }
};
изображения

1 个回答

  1. Best Answer

    我找到了解决办法 我还得在名字前加上一个斜线，这样图片才能从主页加载

    module.exports = function(){
  return{
    module:{
      rules:[
        {
          test:/\.(jpg|png|svg)$/,
          loader: 'file-loader',
          options:{
            name: '/images/[sha512:hash:base64:7].[ext]',
            outputPath :  '/images/',
          }
        }
      ]
    }
  }
};
    • 0

相关问题