webpack 打包 vue 坑 空白

怎么建项目的，这里我就不多说了，懒得打字，入门打包的应该会遇到这些坑。反正我打包就碰上了，这里就记录一下，要说明下我的是单页面的，大家看到了别喷哈。

这里我相信大家都是通过 npm run build，然后生成了出目标路径，我的是没修改过的dist。很自然的双击打开index.html，

发现一片空白，然后F12看看，发现文件没加载进来，这时候我没有百度，直接打开index.html修改文件路径了，然后刷新一下，没报错也没有出现加载问题，但是还是空白。

无奈的去百度了一下关键字【webpack打包vue空白】，还真有一堆匹配的，然后全都是说修改config/index.js中build.assetsPublicPath改为 ./  ，原来的时候是 /  来的，好吧，因为是入门，跟着修改下试试就是了。改完重新build，继续双击，fuck，还是空白。好吧，跟着大家说的挂个服务试试，空白，这里能解析为什么，是因为挂的不是服务根路径。所以大家还提到了路由和项目路径问题，对的，改了之后挂服务上是可以了。但是本地还是空白。

后来想想我的是单页面，交给了VueRouter来路由界面了。看看地址栏*****/index.html，好吧我加个 /  上去试试，出来404.

无奈的去google了，答案有了，就是在new VueRouter的时候加了个配置 【mode:'history'】,去掉重新build，可以了。。。。

大家应该都知道  【mode:'history'】 这个就是地址栏那个 # 符号。大家别喷哈，这只是本人遇坑了记录而已。