一、项目简介
- 项目采用开源的renren-fast-vue搭建;
- 服务器采用linux下docker管理的nginx;
二、问题描述
将vue项目进行打包完成部署到服务器之后,访问首页出现白屏,报404错误。
三、发现原因
打包时被中断,未打包完整。查看dist目录,原本应该包含一个index.html文件以及conf和日期时间命名的文件夹,但是缺少了日期命名的文件夹。
四、如何解决
1.修改build/build.js文件
添加两行内容:
const webpack = require('webpack')
const config = require('../config')
const webpackConfig = require('./webpack.prod.conf')
const { exit } = require('process') //①添加的第一处
const spinner = ora('building for production...')
spinner.start()
@@ -37,5 +38,6 @@ rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
' Tip: built files are meant to be served over an HTTP server.\n' +
' Opening index.html over file:// won\'t work.\n'
))
exit(0) // 在某些情况下webpack会阻塞在控制台,导致gulp后续任务无法执行,需要手动退出 ②添加的第二处
})
})