vue实践：我所遇到的各类问题

一、打包后空白问题：

    这个问题我总结的一共有两种情况：

       1、通过开发者工具擦看到id=app里面空白，连注释都没有；

        2、通过开发者工具擦看到id=app里面只有一个html注释 <!---->；

解决方法：https://blog.csdn.net/skyblacktoday/article/details/80447226

 

 

二、字体图标失效，将限制改大，大于字体文件大小：

    解决方法：https://blog.csdn.net/skyblacktoday/article/details/80447226

 

三、部分浏览器空白显示，（例如：猎豹，华为内置浏览器，百度App浏览器）：

 

    有可能是部分js代码或jq代码的问题，具体的只能自己排除

 

四、外部js插件引用，部分浏览器失效：

    我所遇到的是，自己做了一个es6插件，引用到vue里面去的时候发现有几个浏览器不执行，且报错，但是大多数浏览器都没有问题。后来捣鼓了一半天发现就是一个代码的问题：问题出现在append方法上，可能是部分浏览器不识别append函数，更改为appendChild方法执行正常。

五、this.$router.go(-1)的问题：

    这个问题有点头疼。来自于百度APP的浏览器不兼容。

    刚开始检测页面的时候，布局什么的都OK，最后点击返回前一页的时候出现这个情况：最开始进入网站的时候，点击返回是有效果的，但是这个效果只有一次，之后无论点击哪个页面的返回，都不执行，鸟都不鸟你！

    后来去各大论坛，网站，博客查阅，发现无人回答。还以为是自己做的页面有问题，后来又重新做了一个简单的三层页面，发现也不能点击返回，之后：

 

改用：this.$router.back()，无效；

后来改用原生的：window.history.go(-1)，依旧无效；

再改：window.history.back()，终于有效果了^v^，结果直接返回百度APP首页 |||T_T|||。

但是：this.$router.go()或者this.$router.go(0)都有刷新的效果；

到现在也没搞清楚啥情况，也没人能回答上，至于有的兄die说是浏览模式什么鬼的似乎也不是，最后只能选择用push方法回到前一页，代码是复杂了点，但是毕竟搞出来了。小小的开心下。。。

但是后来用ios检查的时候又又又又发现：

在ios下push方法返回上一页又有问题，最后又换成了判断，如果是ios，则使用go返回，否则就用push……