路由的hash模式和history模式的区别

路由是为了支持单页面应用的页面管理和页面跳转。单页面应用只有一个HTML物理文件，切换页面既需要让地址发生变化，又不能触发HTML物理文件的重新加载，路由给出了以下俩种模式

一、hash模式: 

在原有地址上增加 /#/xxx http://localhost:8080/#/test

onhashchange监听锚点的变化，即#后的值的变化

二、history模式

 http://localhost:8080/test

利用history.putState()函数重写URL路径，实现网页不会重新加载；但重写后的新路径不包含原有HTML物理文件的访问地址，一旦刷新网页会造成404无法访问的效果。vuecli脚手架在开发环境解决了history刷新的问题，发布到生产环境就会有这个问题，需要服务器进行重定向的配置。

1. 在地址栏中直接输入地址

history: 直接向服务器发送一个get请求 http:// 192.168.1.1:8080/test，由后端管理前端的页面

hash: 不会去发送请求 http://192.168.1.1:8080/#/test,前端页面自己控制,