为什么Vue打包出来的项目是空白页面？_vue打包后打开页面是空白的

        有时候稍微没注意，用Vue打包出来的项目经过本地直接打开时发现竟然是空白页面！

        1. 最直接的原因就是在打包项目的时候忘记创建vue.config.js文件了，这个时候在原Vue项目底下新建vue.config.js文件，内容为：

module.exports = {
        publicPath:'/',
        outputDir:'dist',
        assetsDir:'static'
    }
1
2
3
4
5

       2. 可能是打包项目的的vue.config.js文件不小心新建在src文件夹下了，直接把文件移到与package.json同目录底下，然后再重新打包就可以了。当然，也要注意下自己的vue.config.js文件里面的内容是否写错了，不然就算改了也是无济于事。

       3.也可能是项目router文件夹底下的index.js文件下最底下的mode:'history'未注释掉，或者未改成 mode:'hash'

顺便提下关于两种路由方式 hash与history的区别：

        1)url的显示

 hash  /#/
 history   没有#
1
2

        2)回车刷新

hash 可以加载到对应的页面
history 一般会跳转到404页面(找不到原网页)

        3)支持版本

hash 支持低版本的浏览器，包括低版本的IE浏览器
history 兼容性不好，有些浏览器不支持