本篇文章给大家谈谈vue的prevent，以及vue的hash模式与history的优缺点对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。
vue中比较安全的路由方式是hash模式，因为history模式不怕前进，不怕后退，就怕刷新，f5，（如果后端没有准备的话）,因为刷新是实实在在地去请求服务器的。
在hash模式下，前端路由修改的是#中的信息，而浏览器请求时不会将#后面的数据发送到后台，所以没有问题。但是在history下，你可以XX的修改path，当刷新时，如果服务器中没有相应的响应或者资源，则会刷新出来404页面
hash模式优点:
(1)只需要前端配置路由表,不需要后端的参与
(2)兼容性好,浏览器都能支持
(3)hash值改变不会向后端发送请求,完全属于前端路由
缺点:
(1)hash值前面需要加#,不符合url规范,也不美观
history优点:
(1)符合url地址规范,不需要#,使用起来比较美观
缺点:
(1)在用户手动输入地址或刷新页面时会发起url请求,后端需要配置index.html页面用户匹配不到静态资源的情况,否则会出现404错误
(2)兼容性比较差,是利用了HTML5History对象中新增的pushState()和replaceState()方法,需要特定浏览器的支持.
vue是在2013年开发出来的，最初命名为Seed；同年12月更名为vue，版本号是“0.6.0”。在2014年正式对外发布，版本号是“0.8.0”。
Vue是一套构建用户界面的渐进式框架。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue的路由模式包括Hash模式和History模式。
1.Hash模式：通过在url中加入一个#号，用来标记当前路由的状态，具体的路由信息保存在#号后面的内容中。这种模式不需要服务器端的支持，因此可以直接在浏览器中打开。
2.History模式：利用浏览器的HTML5HistoryAPI，通过修改浏览器的URL，来实现页面的切换，并且不会出现#号。但是需要服务器端的支持来配置相关的路由信息。
Vue-Router时开启history模式非常容易，只需要在实例化路由时传入mode:'history'配置项即可，但缺少服务端支持时，基于historyAPI的路由无法从url地址栏直接访问指定页面，这个很容易理解，因为url地址栏里输入后回车相当于发送了一次GET请求，那么不带#的路由路径就和普通的API接口是一样的，既然服务端并没有定义这样的接口，那直接访问时出现404页面就很正常了。
vue的hash是带#这个样式，hash是由window.onhashchange改变的，而history是用HTML5的API，来实现的pushState,replaceState的
vue的prevent和vue的hash模式与history的优缺点的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！
阅读"vue的prevent(vue的hash模式与history的优缺点)"的人还阅读
