前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >框架篇-Vue面试题2-说说vue-router路由模式

框架篇-Vue面试题2-说说vue-router路由模式

作者头像
itclanCoder
发布2020-10-28 17:08:39
5380
发布2020-10-28 17:08:39
举报
文章被收录于专栏:itclanCoder

vue-router 默认 hash 模式 —— 使用 URLhash 来模拟一个完整的 URL,于是当 URL改变时,页面不会重新加载

如下所示

代码语言:javascript
复制
http://localhost/#home

如果觉得hash很丑,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API来完成 URL跳转而无须重新加载页面

代码语言:javascript
复制
const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

如下所示

代码语言:javascript
复制
http://localhost/home

配置路由模式:

  • hash: 使用 URL hash 值来作路由。支持所有浏览器,包括不支持HTML5 History Api的浏览器。
  • history: 依赖 HTML5 History API 和服务器配置。查看 HTML5 History 模式。
  • abstract: 支持所有 JavaScript 运行环境,如 Node.js 服务器端。如果发现没有浏览器的 API,路由会自动强制进入这个模式

base为应用的基础路径,例如:整个单页面应用服务在/app/下,那么base就应该设为/app/,当你在HTML5 history模式下使用base选项之后,所有的to属性都不需要写基础路径了

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-09-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 itclanCoder 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档