2023.06.10 | admin | 120次围观
什么是路由?
路由分两种:
SPA与前端路由:
SPA (单页面应用,全称为:Single-page Web applications) 指的是一个 web 网站只有唯一的一个 HTML 页面浏览器工作原理是怎样的,所有组件的展示与切换都在这唯一的一个页面内完成,此时,不同组件之间的切换需要通过前端路由来实现
vue-router的工作原理
vue-router通过hash与History interface两种方式实现前端路由浏览器工作原理是怎样的,更新视图但不重新请求页面”是前端路由原理的核心之一,目前在浏览器环境中这一功能的实现主要有两种方式:
在vue-router中,它提供了mode参数来决定采用哪一种方式mode参数:
router/index.js文件代码
那么,两者的区别是什么呢?
1.mode:'hash',在URL中会多'#'
2.mode:'history'
不过这种模式要玩好,还需要后台配置支持。因为我们的应用是个单页客户端应用,如果后台没有正确的配置,当用户在浏览器直接访问就会返回 404,这就不好看了。
所以呢,你要在服务端增加一个覆盖所有情况的候选资源:如果 URL 匹配不到任何静态资源,则应该返回同一个index.html页面,这个页面就是你 app 依赖的页面
版权声明
本文仅代表作者观点。
本文系作者授权发表,未经许可,不得转载。
发表评论