04.页面跳转 vue-router

4.1 路由导航原理

4.1.1 hash和history模式

• 在vue-router中，路由导航有两种模式：hash模式和history模式，两种模式原理不同
• hash模式：路由地址中会带有#，如http://localhost:8080/#/home
  • 因为#的信息不会发送给服务器，后端服务器不需要对其他的路径进行处理
  • IE9支持hash模式
  • 实现简单，但对应的路径不美观且不够灵活
• history模式：路由地址中不带有#，如http://localhost:8080/home
  • history模式需要后端进行配置，才能实现对/home的解析，不然访问会得到404错误
  • 有助于SEO优化，因为SEO一般不会抓取hash部分
  • 功能更强，可以完全模拟真实导航
    • 支持修改任意的路径部分
    • 并且是控制原生的历史堆栈，浏览器可以进行历史状态管理
  • 路径看上去更美观