美文网首页
VUE页面路由后加版本号

VUE页面路由后加版本号

作者: Yyyyyyyyyujie | 来源:发表于2023-04-09 16:02 被阅读0次

在页面跳转的时候,url后面都加一个版本号,如:/list?version=100。
因为每次版本更新后,用户访问的页面还是缓存里面的,也不能强制用户清理缓存。所以只能在每个页面跳转的时候,在url后加version=版本号。
为了统一处理,在router.beforeEach里把version=版本号给加上

//router.js中

router.beforeEach((to, from,next) => {
    if (to.query.version) { //如果路径上带有版本号
        next()
    } else {//如果路径没有版本号
        let query = Object.assign(to.query,{version:100})
        next({
            path: to.path,
            query
        })
    }
})

相关文章

  • 与Vue.js的第九天

    今天学习了路由 路由 路由 路由vue-router是vue的核心组件根据不同的url访问不同页面配合单页面使用 ...

  • 关于vue history模式下遇到的坑

    背景: vue-cli4 配置vue-router 为history模式 , 跳转子路由后页面正常,但是刷新页面访...

  • 6 VUE路由

    vue-> SPA应用,单页面应用(引入vue-router.js) 路由嵌套(多层路由): 路由其他信息:

  • vue路由

    vue路由--- SPA应用,单页面应用vue-resouce 交互vue-router 路由根据不同url地址...

  • vue路由

    路由 路由:vue-routervue的核心插件vue-router.js根据不同的url访问不同的页面创建单页面...

  • vue-router用法

    vue 路由 路由点击跳转不会页面刷新,可以保留数据 安装vue-router:npm install vue-r...

  • vue mintui手机淘宝登录页面

    路由 登录界面PoP.vue 主页面Home.vue

  • vue路由的介绍(二)--vue动态路由和get的传值

    vue动态路由和get的传值---->同属于路由的传参 1,vue动态路由: 动态路由的配置: ①,在配置路由时加...

  • 路由

    路由(vue-router)是vue的工具库 vue.js路由允许我们通过不同的URL访问不同的页面 Vue.js...

  • 1、首页

    首页左右结构,加导航菜单 效果图 嵌套路由,点击左侧实现右侧展示 1、开发userIndex.vue(简单页面 ...

网友评论

      本文标题:VUE页面路由后加版本号

      本文链接:https://www.haomeiwen.com/subject/edvbddtx.html