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应用。
相关文章
|
6月前
|
缓存 JavaScript 前端开发
路由 Vue-routerII
路由 Vue-routerII
|
6月前
|
存储 前端开发 JavaScript
路由 Vue-routerI
路由 Vue-routerI
|
4月前
|
JavaScript 前端开发 API
Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等
Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等
851 0
|
4月前
|
网络架构
|
移动开发 JavaScript 前端开发
Vue-Router路由(一)
Vue-Router路由(一)
49 0
|
6月前
|
前端开发 JavaScript Go
除了 VueRouter,还有哪些常用的路由库?
除了 VueRouter,还有哪些常用的路由库?
94 5
|
JavaScript 网络架构
详解vue路由——动态路由
详解vue路由——动态路由
175 0
|
6月前
|
缓存 前端开发 JavaScript
vue-router路由使用实例详解
vue-router路由使用实例详解
103 0
|
6月前
|
JavaScript 前端开发 网络架构
Vue3中的路由功能:安装和配置Vue Router、路由的基本用法、动态路由、嵌套路由
Vue3中的路由功能:安装和配置Vue Router、路由的基本用法、动态路由、嵌套路由
248 0
|
11月前
|
JavaScript
Vue 最简单路由 页面路由 配置路由
Vue 最简单路由 页面路由 配置路由