本文介绍了Vue Router中的两种路由模式：hash和history。hash模式特点是URL中包含'#'，不会刷新页面，兼容性好，适用于不需要服务器配置的情况。而history模式下URL更美观，但需要后端支持以解决刷新404问题，且兼容性相对差些。这两种模式各有优缺点，在实际项目开发中需根据需求选择。
前言：
大家有没有发现，在开发项目时，地址栏里有个“#”号很奇怪，这个到底是啥，带着疑问，我揭开了它的面纱；同时引出来2个词，history；hash。
vue-router中的history，hash 是路由的两种模式，mode:hash，默认值是hash
hash的特点：
hash变化会触发网页跳转，即浏览器的前进、后退
hash变化不会刷新页面，SPA必须的特点
hash永远不会提交到server端
history的特点
history模式不仅可以在url里放参数，还可以将数据存放在一个特定的对象中。
两者的区别
1、history，路径不带“#”号，看起来比较美观，但兼容性略差，部署上线时需要后端人员的支持，解决页面刷新服务端404问题（请求后端），或者使用nginx处理
2、hash,带有“#”号，“#”号后面的就称为hash值；路径看起来不美观；但兼容性比较好；但是若地址通过第三方手机app，若app校验严格，则地址会被标记不合法
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
