解决vue项目在服务器上的一些问题

1、在服务器上显示空白

      修改config/index.js

      build里的  assetsPublicPath=“/” 修改为  assetsPublicPath=“./”  

      绝对路径修改为相对路径

 

2、在服务上不显示背景图片

    （1） 修改build/webpack.prod.conf.js 

             在output内添加 publicPath:"./" 

             img 引用地址改成相对路径

    （2）修改build/utils.js 

             添加  publicPath：”../../"

            位置：

    // Extract CSS when that option is specified
    // (which is the case during production build)
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        publicPath:'../../',  // 解决element-ui中组件图标不显示问题
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }