前端路由导航（Vue Router）面试题及接地气详细答案.docxVIP

前端路由导航（VueRouter）面试题及接地气详细答案

一、基础概念篇（必问入门题）

1.说说前端路由的原理是什么？哈希路由和history路由的区别？

参考答案：

前端路由核心就是：不刷新整个页面，实现URL变化和页面视图更新，依靠浏览器自身能力监听地址变化，匹配对应组件渲染，不用向后端发请求。

两种路由模式区别：

hash模式（默认）：基于url的#哈希值，#后面的内容不会发给后端。监听hashchange事件实现跳转。优点是兼容性极好，不用后端配合；缺点是url带#，不够美观，而且哈希跳转不会触发浏览器页面刷新。

history模式：基于HTML5的history.pushState、replaceStateAPI，url和普通后端页面一模一样，没有#。但是刷新页面会404，因为刷新后浏览器会直接请求当前完整地址，后端没有对应路由资源，需要后端配置nginx或者Apache转发，把所有请求统一指向index.html。

补充：日常开发后台系统大多用hash，面向用户的官网、移动端H5一般用history保证链接美观。

2.router和route有什么区别？日常开发怎么用？

参考答案：

很多人容易搞混，简单一句话区分：

$router（全局路由实例）：是路由的操作对象，用来控制跳转、回退、替换历史记录。常用方法：push、replace、go、back。

$rou