将vue项目放到服务器遇到的问题

页面无法正常显示内容

项目完成最终需要 npm run build 打包发布.在dev阶段用webserver打开是完全没有问题的。但是我在build之后发布到服务器上点击index.html,却是一片空白,在chrome 浏览器开发者工具上观察了下也没报错啥的,一脸懵。我dev阶段没问题，说明build和production 阶段除了问题。查了下资料，果然有很多人遇到过这样的问题。

修改build文件下 webpack.prod.conf.js(生产环境中用到的配置) 的 output 对象为

修改config文件下 index.js 的build（build文件时用到的配置） 对象为
修改build文件下 utils.js 的publicPath 对象为

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

上面俩处修改意思均为将文件路径改为相对路径。
将路径模式修改为history模式

export default new Router({
  mode: 'history',
  routes: [
    {
      path: "/index.html",
      name: 'Layout',
      component: Layout
    }
  ]
})