父页面：
子页面：
本来是想做如果能接收到参数就说明是从父页面过来的就不要登录，没有参数说明是单独打开的项目就需要登录，但是现在子页面监听事件总是会执行两遍，第一遍获取不到参数就会直接跳入登录页，就算第二次获取到了参数但页面已经进入了登录页；有什么方法可解决这个问题；或者有其他方法可以判断是否需要登录？
vue项目中使用iframe嵌入了另一个项目父级通过contentWindow.postMessage传参判断是否需要登录
本来是想做如果能接收到参数就说明是从父页面过来的就不要登录，没有参数说明是单独打开的项目就需要登录，但是现在子页面监听事件总是会执行两遍，第一遍获取不到参数就会直接跳入登录页，就算第二次获取到了参数但页面已经进入了登录页；有什么方法可解决这个问题；或者有其他方法可以判断是否需要登录？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
关注- 嵌入iframe url传递参数,从url里获取
- 同域下可以考虑cookie获取
一般都是带个token,从cookie里获取token是否存在,再去后台校验下token是否过期判断就行了
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2021-12-31 17:57回答 1 已采纳 嵌入iframe url传递参数,从url里获取同域下可以考虑cookie获取一般都是带个token,从cookie里获取token是否存在,再去后台校验下token是否过期判断就行了
- 2022-06-22 08:46回答 2 已采纳 建议使用微前端嵌套，或者将需要嵌套的页面打包好后再嵌套
- 2023-01-07 19:46回答 1 已采纳 JSON.stringify(object1) === JSON.stringify(object2); 这个方法只适用于完全相同的，即键-值顺序都完全对应的对象。 ES6Object.ent
- 2021-10-24 21:21hoaxxcj的博客 之前项目有个需求：想在父页面中嵌入的子iframe里用父页面的登录信息进行二次登录。当时采用iframe和postMessage实现了这一功能： 1、父页面中的子iframe： 2、父页面中使用contentWindow.postMessage方法向子...
- 2021-11-08 15:29回答 2 已采纳 // 判断当前页面是否被iframe嵌入 window.self === window.top // 返回true表示没嵌套 当前窗口就是顶层窗口
- 2021-07-19 13:48回答 1 已采纳 老哥 你搞定没有
- 2023-02-20 22:19回答 3 已采纳 1、在第一个页面登录成功后，调用 window.open('b页面地址','_self ')
- 2024-02-01 10:20博客zhu虎康的博客 当接收到来自父窗口的消息时，就会将消息打印输出到控制台中，并使用postMessage方法向父窗口发送了一条消息。需要注意的是，当使用postMessage方法发送消息时，第二个参数指定的是消息的目标窗口的origin，这里我们...
- 2022-04-16 19:13回答 1 已采纳 Node.js 是一个服务器端 JavaScript 运行时环境。它基于 Google V8 引擎。Node.js 是单线程和事件驱动的。Node.js 不是一个框架，而是一个环境。但如今已在 Nod
- 2022-09-19 15:42回答 3 已采纳 你看下这篇博客吧, 应该有用👉 ：vue项目修改element-ui的el-dropdown的显示隐藏
- 2022-04-08 11:11回答 4 已采纳 @vue/cli 3.0版本以上脚手架搭建的项目都是没有config文件夹的，与之替代的是 vue.config.js，在这 vue脚手架搭建的项目是没有app.js的，只有app.vue在src目录
- 2019-11-27 19:06No Silver Bullet的博客 iframe元素会创建包含另外一个文档的内联框架（即行内框架）。什么是？方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同协议（通常为https），端口号（443为https的...
- 2022-01-10 09:31回答 3 已采纳 判断链接来切换路由还是iframe <template> <div> <ul> <li v-for="(item, index) in
- 2019-08-02 19:34Oralinge的博客 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 什么是postMessage？ window.postMessage()方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议...
- 2020-10-29 10:50麻雀爱吃鱼的博客 当前应用场景：u3d和前端项目对接，需要使用到前端的设置页面和详情功能，需要操作前端项目的方法，比如打开vue项目的弹窗，修改详情的数据等操作，当前记录的是修改vue页面的数据操作。vue项目使用技术：vue和less...
- 没有解决我的问题, 去提问
问题事件
系统已结题
9月6日
已采纳回答
8月29日-
创建了问题
12月31日
悬赏问题
- ¥30 vmware exsi重置后的密码
- ¥15 易盾点选的cb参数怎么解啊
- ¥15 MATLAB运行显示错误，如何解决？
- ¥15 c++头文件不能识别CDialog
- ¥15 Excel发现不可读取的内容
- ¥15 UE5#if WITH_EDITOR导致打包的功能不可用
- ¥15 关于#stm32#的问题：CANOpen的PDO同步传输问题
- ¥20 yolov5自定义Prune报错，如何解决？
- ¥15 电磁场的matlab仿真
- ¥15 mars2d在vue3中的引入问题