vue-cli 3.0 创建的项目,dev下能运行,打包后报错,页面空白，解决办法

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

在vue-cli 3.0 创建的项目中是找不到webpack的配置文件，因为vue-cli 3.0 将其封装起来了，只需要在项目的根目录下的vue.config.js文件中修改就行了（若项目没有该文件，直接在根目录下添加一个），将baseUrl的值设为 ‘./’即可，修改如下：

module.exports = {
// 基本路径
publicPath: './',
// 输出文件目录
outputDir: 'dist',
// webpack-dev-server 相关配置
devServer: {
port: 8888
}
}

2. 命令行输入：npm run build

打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。

3. router-view中的内容显示不出来，路由history模式的问题。

当你使用了路由之后，在没有后端配合的情况下打开路由history模式的时候，打包出来的文件也会是一片空白的情况。
解决 ： 在 router.js 中将 mode: history注释掉