Vue项目白屏问题总结

最近在搞Vue项目（微信公众号网页），本来我觉得Vue已经掌握的差不多了，结果上线后，老出现问题，反应最多的就是打开后出现白屏，就是页面空白，啥也不现实。刚开始我以为是手机问题，比如有缓存之类的，让他们清空手机微信缓存，还是不行，后来我让客户把白屏页的链接发出来，看了路径后才发现，原来是path路径掉了，找不到路由，所以白屏（其实我早就考虑到这种情况了，只不过一直没有去测试，坑啊）。。。

一般情况下，一个项目的首页是根目录，比如    www.abc.com    这样，在路由里直接定位到首页。不过我的项目首页的路径不是这个，而且还带有参数，比如  www.abc.com/abc/abc?id=1   这样，并且没有path的情况也没有配置，所以当直接访问域名的时候，就会出现白屏问题。

知道原因后，就好解决了。用vue路由的重定向。

{
  path: '/',
  redirect: {
	path:'/abc/abc',
	query:{
	  id:1
	}
  }
}

这样，即使访问  www.abc.com   ,也能重定向到   www.abc.com/abc/abc?id=1  这里，完美解决O(∩_∩)O