vue2中获取跳转前一页的url地址

vue2中获取跳转前一页的url地址

场景:

项目中登录之后,首页需调用接口判断是否弹出弹窗,但是从其他页面跳转过来,则不需要调用接口和弹出弹窗。

因此我们需要在首页判断是否是从登录页过来的,还是从其他页面过来。此时就需要拿到前一页的url。

思路:

利用beforeRouteEnter钩子中的from参数获取之前的url信息

具体代码如下:

html 复制代码
<script>
export default {
    beforeRouteEnter(to, from, next) {
        next(vm => {
            // 判断前一个页面path是否是登录页
            if (from.path === '/login') {
                // 因为守卫在导航确认前被调用,所以组件还没被创建,beforeRouteEnter守卫不能访问this,这里用vm访问
                vm.getCheck();
            }
        })
    },
    methods: {
        getCheck() {
            ...
            // 一些方法 
            ...
        }
    }
}
</script>
相关推荐
小粉粉hhh18 分钟前
Node.js(五)——编写接口
前端·javascript·node.js
进击切图仔1 小时前
SAM3 微调标注流水线和 Label Studio
java·服务器·前端
自然 醒1 小时前
前端如何实现在线预览office常见文件功能?
前端·vue.js
肉肉不吃 肉1 小时前
前端调试跨域如何解决
前端·vue.js
Liora_Yvonne2 小时前
为什么你写了3年前端还是搭不好一个项目
前端·架构
snow@li2 小时前
Java:后端项目会有一个类似前端node_modules的目录吗 / jar包在本地仓库 ~/.m2/repository 中按版本共存
java·开发语言·前端
weedsfly2 小时前
单例模式在前端中的正确打开方式
前端·javascript·面试
PedroQue992 小时前
uni-router新推useUniEventChannel,彻底解决页面通信难题
前端·uni-app
IT_陈寒2 小时前
Vite冷启动快?我遇到了个奇怪的依赖问题
前端·人工智能·后端
2603_955279702 小时前
通过 brew upgrade cmake 升级到最新版本
前端