vue cli 3.0 脚手架 实现项目打包（解决项目打包后空白页问题）

写完项目的代码后，项目准备上线 ，可以使用

npm run build 命令

对项目打包。

但是经常出现打包好的项目是空白页的情况。这是因为需要我们手动配置。

解决方法如下

1. 在vue项目的根目录 下创建 一个 vue.config.js文件。

2.在文件中输入如下代码：

　　module.exports={

　　　　publicPath:'./',

　　　　outputDir:'dist',

　　　　assetsDir:'static'

　　}

3.找到 router 目录下的 index.js 文件。修改 mode的值为hash

　　mode:'hash'

　　重新运行 npm run build 命令即可。