文章目录

• 一、项目简介
• 二、问题描述
• 三、发现原因
• 四、如何解决
• • 1.修改build/build.js文件
  • 2.重新运行命令：npm run build
  • 3.上传dist文件夹到服务器，并重启nginx

一、项目简介

1. 项目采用开源的renren-fast-vue搭建；
2. 服务器采用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后续任务无法执行，需要手动退出 ②添加的第二处
  })
})

2.重新运行命令：npm run build

3.上传dist文件夹到服务器，并重启nginx