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>
相关推荐
杂鱼豆腐人16 小时前
pnpm环境下防止误使用npm的方法
前端·git·npm·node.js·git bash
我是ed16 小时前
# vue2 使用 cesium 展示 TLE 星历数据
前端
宇余17 小时前
从 useState 到 URLState:前端状态管理的另一种思路
前端·vue.js
白兰地空瓶17 小时前
🚀 10 分钟吃透 CSS position 定位!从底层原理到避坑实战,搞定所有布局难题
前端·css
onthewaying17 小时前
在Android平台上使用Three.js优雅的加载3D模型
android·前端·three.js
冴羽17 小时前
能让 GitHub 删除泄露的苹果源码还有 8000 多个相关仓库的 DMCA 是什么?
前端·javascript·react.js
悟能不能悟17 小时前
jsp怎么拿到url参数
java·前端·javascript
程序猿小蒜18 小时前
基于SpringBoot的企业资产管理系统开发与设计
java·前端·spring boot·后端·spring
Mapmost18 小时前
零代码+三维仿真!实现自然灾害的可视化模拟与精准预警
前端
程序猿_极客18 小时前
JavaScript 的 Web APIs 入门到实战全总结(day7):从数据处理到交互落地的全链路实战(附实战案例代码)
开发语言·前端·javascript·交互·web apis 入门到实战