vue项目打包上服务器显示404错误，本地没出错

1、使用脚手架搭建一个vue项目

2、运行，在本地运行没问题，接着打包上服务器，遇到404的错误，如下

这是webpack打包的结果，解决办法如下

1、修改build文件夹下的utils.js文件，大约在51行添加

publicPath:"../../"

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

2、修改config下index.js文件

cssSourceMap: true 改为 cssSourceMap: false

productionSourceMap: true 改为 productionSourceMap: false,

productionGzip: true, 改为 productionGzip: false,

接着重新打包