Vue-router的三种模式

1、hash

　　使用URL的hash来模拟一个完整的URL，当URL发生改变时，页面不会重新加载，其显示的网络路径中会有#号，这是最安全的模式，因为他兼容所有的浏览器和服务器

2、history

　　美化后的hash模式，路径中会去掉#。依赖于html5的history，pushState API，所以要担心IE9及以下的版本。并且还包括back、forward、go三个方法，对应浏览器的前进、后退、跳转操作，就是浏览器左上角的前进后退等按钮进行的操作

3、abstract

　　适用于所有JavaScript环境，例如服务器端使用Node.js。如果没有浏览器API，路由器将自动被强制进入此模式，然后在

const router = new VueRouter({routes, mode:'hash|history|abstract',})

这里进行切换

总结：

1：hash模式（vue-router默认模式URL后面带#）使用URL的hash值来作为路由，支持所有浏览器 缺点：只能改变#后面的来实现路由跳转。
2：history模式（通过mode: 'history’来改变为history模式）HTML5 （BOM）History API 和服务器配置 缺点：怕刷新如果后端没有处理这个情况的时候前端刷新就是实实在在的请求服务器这样消耗的时间很多还很慢。
————————————————
版权声明：本文为CSDN博主「兔图吐秃」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/yiwai6998/article/details/109512861