信息发布→ 登录 注册 退出

关于vue的路由模式及修改方法

发布时间:2026-01-11

点击量:
目录
  • vue路由模式及修改
  • vue切换路由模式{hash/history}

vue路由模式及修改

vue的路由模式有两种模式History和hash模式,切换方式有两种。

默认为hash模式,修改为history的方法如下,此方法也可以修改为hash模式

vue切换路由模式{hash/history}

vue中常用的路由模式

  • hash(#):默认路由模式
  • histroy(/)切换路由模式

切换路由模式

export default new Router({
    // 路由模式:hash(默认),history模式
    mode: 'history',
    // 修改路由高亮样式,默认值为'router-link-active'
    linkActiveClass: 'active'
    //路由规则
    routes:[
        {
            path:'/',
            name:'index',
            component:'Index'
        }
    ],
})

以上为个人经验,希望能给大家一个参考,也希望大家多多支持。

在线客服
服务热线

服务热线

4008888355

微信咨询
二维码
返回顶部
×二维码

截屏,微信识别二维码

打开微信

微信号已复制,请打开微信添加咨询详情!