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>
相关推荐
Lank_M2 分钟前
MP4和WebM导出后为何起播与拖动不同
前端
用户5508492902564 分钟前
前端本地存储怎么选:Cookie、localStorage、sessionStorage、IndexedDB 的取舍
前端
用户5508492902564 分钟前
Git 日常命令与分支协作流程:从提交到合并的实战梳理
前端
修炼的dance4 分钟前
同一段视频没降画质为什么就快了
前端
asong27 分钟前
从写代码到部署上线,Cloudflare 给 AI 配了一把新钥匙
前端·javascript·后端
用户53723128824640 分钟前
你的 WGSL 从未被执行过——一个 secure context 静默陷阱的排查实录
前端
Daniel_1231 小时前
轻量级站点监控面板 LightPing 开源啦
前端·后端·github
想风1 小时前
A/B 测试怎么做?独立站转化率优化的完整实操步骤
前端·后端·github
lerhxx1 小时前
从 Markdown 到生成式 UI:AI 应用中的流式渲染实践
前端·javascript
迅猛龙办公室1 小时前
python实现简单进度条
java·前端·python