vue中路由模式及区别

Posted 2023-03-18

参考技术A 路由模式默认三种

　1.Hash: 使用URL的hash值来作为路由。支持所有浏览器。

　2.History: 以来html5 History API 和服务器配置。参考官网中HTML5 History模式

　3.Abstract： 支持所有javascript运行模式。如果发现没有浏览器的API，路由会自动强制进入这个模式。

Hash和History两种路由模式的区别

   最明显的区别就是在地址栏中的#号，history模式下#会消失，hash不会。

相同点:

    1.当URL改变时，页面不会重新加载;

    2.都受页面导航回退前进等影响; 

不同点:

    1.hash模式背后的原理是onhashchange事件，可以在window对象上监听事件。

    2.如果后台没有做相应配置,history页面会在再次刷新的时候,报404;hash则不会出现404报错 

    3.当改变url时，hash不会请求服务器，history会请求服务器。

当使用vue路由模式history时，进行刷新报错404，解决办法？

    1.与后端配合，再刷新时返回首页

    2.在Vue应用里面写出一个覆盖全局的方法和一个404页面。

原文链接：https://blog.csdn.net/z591102/article/details/106613284