vue打包问题——图片静态资源不能加载问题

在原本的build文件里utils.js里面，下面这段代码，添加一句代码 publicPath:’…/…/’

    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
      })
    }

变成这样：

    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath:'../../'
      })
    }

在config文件夹里面的index文件，在下面代码里的 assetsPublicPath=’/'加上一点，变成如下

  build: {
      // 添加生产、测试、开发环境配置
      prodEnv: require('./prod.env'),
      devEnv: require('./dev.env'),
      testEnv: require('./test.env'),
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',

如此就能解决了