详解vue 单页应用（spa）前端路由实现原理

下面就来介绍下这两种方式具体怎么实现的window.history 对象包含浏览器的历史，window.history 对象在编写时可不使用 window 这个前缀。history是实现SPA前端路由是一种主流方法，它有几个原始方法：。而history模式则会将URL修改得就和正常请求后端的URL一样http://oursite.com/user/id在此情况下重新向后端发送请求，如后端没有配置对应/user/id的路由处理，则会返回404错误。为了避免这种情况，在 Vue 应用里面覆盖所有的路由情况，然后在给出一个 404 页面。或者，如果是用 Node.js 作后台，可以使用服务端的路由来匹配 URL，当没有匹配到路由的时候返回 404，从而实现 fallback。参考资料：1、浏览器History API ：2、解决History模式访问404的方案：