VueRouter的路由模式有哪几种

简介: VueRouter的路由模式有哪几种

VueRouter的路由模式有三种:hash模式、history模式和abstract模式。


  1. hash模式:在URL中的路径部分以 # 符号开头。比如:http://www.example.com/#/home。在hash模式下,URL的hash部分的改变不会导致浏览器向服务器发送请求,可以通过监听hashchange事件来触发相应的路由变化。


  1. history模式:通过使用HTML5的pushState和replaceState方法来改变URL,不再使用hash作为URL的一部分。比如:http://www.example.com/home。在history模式下,URL的改变会导致浏览器向服务器发送请求,因此需要服务器的支持来处理这些URL。


  1. abstract模式:在无法使用浏览器的history模式和hash模式时,可以选择使用abstract模式。在abstract模式下,只会改变应用的内存状态,并不会改变URL。这种模式适合于在非浏览器环境中使用VueRouter,比如在Node.js中渲染Vue应用。
相关文章
|
5月前
|
JavaScript 前端开发 API
Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等
Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等
1189 0
|
6月前
|
安全 定位技术 数据安全/隐私保护
Vue3路由机制router(1)
Vue3路由机制router(1)
47 0
|
6月前
|
JavaScript API 网络架构
Vue3路由机制router(2)
Vue3路由机制router(2)
54 0
|
7月前
|
前端开发 JavaScript Go
除了 VueRouter,还有哪些常用的路由库?
除了 VueRouter,还有哪些常用的路由库?
116 5
|
JavaScript 网络架构
详解vue路由——动态路由
详解vue路由——动态路由
180 0
|
7月前
|
缓存 前端开发 JavaScript
vue-router路由使用实例详解
vue-router路由使用实例详解
116 0
|
7月前
|
JavaScript 前端开发
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)...
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)...
95 0
|
7月前
|
JavaScript 前端开发
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)
63 0
|
7月前
|
JavaScript 前端开发 网络架构
Vue3中的路由功能:安装和配置Vue Router、路由的基本用法、动态路由、嵌套路由
Vue3中的路由功能:安装和配置Vue Router、路由的基本用法、动态路由、嵌套路由
263 0
|
JavaScript
Vue 最简单路由 页面路由 配置路由
Vue 最简单路由 页面路由 配置路由