前端图片无法正常显示问题

检查方法：
img标签的路径 =>打包后的图片位置 =>中文名 =>webpack（vue-cli3打包会自带一个ExtractTextPlugin插件，导致css背景图设置无效） 实在不行，多喝烫水
1、路径不能是中文名
2、看webpack（npm install --save-dev url-loader）

module.exports = {
  module: {
    rules: [
      {
        test: /\.(png|svg|jpg|gif|jpeg|ico|woff|woff2|eot|ttf|otf)$/,
        use: [
          {
 +            loader: 'url-loader', // 根据图片大小，把图片优化成base64
 +            options: {
 +             limit: 10000 //小于10000字节的图片都进行base64操作
 +          }
          },
          {
            loader: 'image-webpack-loader', // 先进行图片优化
            options: {
              mozjpeg: {
                progressive: true,
                quality: 65
              },
              optipng: {
                enabled: false
              },
              pngquant: {
                quality: '65-90',
                speed: 4
              },
              gifsicle: {
                interlaced: false
              },
              webp: {
                quality: 75
              }
            }
          }
        ]
      }
    ]
  }
};