解决npm run build打包后空白

首先要了解出现打包空白的原因

原因：打包后文件位于根目录的绝对路径/下
          假设部署在apache服务器，index.html则位于/var/www/html项目下
          但是我们部署项目是将dist文件放于/var/www/html下
          所有需更改路径为相对路径./

 

解决办法：

项目根目录中添加webpack的配置文件vue.config.js
        module.exports = {
            publicPath: './'
        }

再npm run build打包即可