hash模式和history模式的区别

1、hash模式

什么是hash模式

URL中带有"#"号。
例：http://localhost:8080/#/login

hash模式的特点

hash模式下，前端路由修改的是#号中的信息，对后端完全没有影响，因此改变hash也不会重新加载整个页面。如果修改不存在的#abc页面，页面也不会跳转，history模式则刚好相反，没有对应的页面就会出现404。

2、history模式

什么是history模式

URL中没有"#"号。
例:http://localhost:8080/login

history模式的特点

history模式下，操作中不怕前进和后退，不带#号。它的缺点是害怕刷新页面，如果没有服务器端的支持，刷新之后就会请求服务器，由于找不到相应的支持响应或者资源，就会报错404页面。

hash模式和history模式其实都属于浏览器自身的特性，只不过vue-router利用了这个特性，通过调用浏览器提供的接口来实现前端路由。