vue-router禁止访问某个页面时，点击浏览器回退按钮还是能访问到

有时候为了不让某些用户访问某些页面（即权限控制），可能会使用next(false)中断其访问，或者跳转到404页面，这时候如果点击浏览器“倒退”按钮其实还是能访问到，因为保留了历史访问记录，所以在跳转的时候需要处理一下，使其不保留历史访问记录1.使用next(false)时，可以在其前面一行加上this.$router.go(-1)this.$router.go(-1)next(fal...

jojo付啾啾

3660人浏览 · 2019-02-27 14:32:37

jojo付啾啾 · 2019-02-27 14:32:37 发布

有时候为了不让某些用户访问某些页面（即权限控制），可能会使用next(false)中断其访问，或者跳转到404页面，这时候如果点击浏览器“倒退”按钮其实还是能访问到，因为保留了历史访问记录，所以在跳转的时候需要处理一下，使其不保留历史访问记录

1.使用next(false)时，可以在其前面一行加上this.$router.go(-1)

this.$router.go(-1)
next(false)

2.跳转到404页面时，可以设置replace: true

next({ path: '/404', replace: true })

参考：https://blog.csdn.net/weixin_37221852/article/details/84134473

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^