欢迎光临散文网 会员登陆 & 注册

千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础

2023-07-17 17:22 作者:火火--火火  | 我要投稿

P84.

一.路由分为两种模式:1.哈希模式(Hash Mode):在哈希模式下,URL 中的路由会以 "#" 符号开始,例如:http://example.com/#/route。哈希符号后面的内容会被浏览器解析为路由路径,而不会发送到服务器。

2.History 模式:在历史模式下,URL 中的路由通过 HTML5 History API 进行管理,不再包含 "#。

二.在代码中,如果要把哈希模式修改成history模式,需要把createWebHashHistory,改为createWebHistory。

三.history模式的缺点:在使用History模式时,需要服务器配置来支持前端路由。如果服务器没有正确配置,可能会导致页面刷新时出现404错误。

选择使用哪种模式取决于项目需求和环境。如果需要兼容旧版浏览器或不想修改服务器配置,可以选择哈希模式。如果追求更美观的URL结构以及更好的搜索引擎优化,可以选择历史模式。

P85.

路由守卫:全局前置守卫 beforeEach((to, from, next)

在进行路由跳转之前,可以设置跳转的条件,在每次路由切换前被触发,可以进行权限验证、重定向等操作,调用 next() 继续路由导航。



千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础的评论 (共 条)

分享到微博请遵守国家法律