未分類
29 12 月 2020

Vue 使用 iframe 嵌套第三方的页面

Vue 使用 iframe 嵌套第三方的页面

資深大佬 : jiangnan01 7

项目现在要嵌套一个第三方的页面，第三方需要通过登录请求 A 拿到 token，然后请求 B 跳转到对应的页面 前端使用 vue，目前的想法是单组件里写 iframe 指向到 public 目录下的一个 t1.html 文件，在 t1.html 写请求 A，在回调中拿到 token 去发起请求 B 。 很久没用过 iframe 这个东西了，所以问一下大家上面的实现方法是不是正确的做法，还有哪些可以优化的地方？

大佬有話說 (9)

  • 資深大佬 : ysc3839

    没听明白你的需求，你一开始说要嵌套第三方页面，后面又说是自己的 t1.html ？

  • 主 資深大佬 : jiangnan01

    @ysc3839 第三方页面是需要登录的，但是我的父级页面是需要在展示的时候第三方页面就已经是登陆的状态

  • 資深大佬 : Ritter

    如果是用 cookie 的话 域名一样就行了 不然就 Nginx 配一下

  • 主 資深大佬 : jiangnan01

    @Ritter 我按我上面的想法去做是能接收到请求 B 的返回信息的，因为现在还没有收到实际的参数，所以请求 B 的结果是报错的，就是想问下类似这种嵌套的且需要登录的页面是怎样的一个实现步骤

  • 資深大佬 : 11ssss

    微前端正是解决这个问题用的

  • 主 資深大佬 : jiangnan01

    @11ssss 不太了解微前端，如果是微前端的话也是需要一个统一的身份认证的吧？我现在的项目是集成第三方的，身份认证是个问题啊

  • 資深大佬 : 11ssss

    微前端跟统一身份认证没太大关系，可以通过加载顺序拿到 token 存入缓存就可以了 我的意思微前端解决的是你这里 iframe 不好传值等等其他需求

  • 主 資深大佬 : jiangnan01

    @11ssss 嗯，我回去好好了解一下这方面的，目前看这个嵌套的页面只是登录—跳转到指定的页面就可以了，内容是在它自己的后台去生成的

  • 資深大佬 : 11ssss

    @jiangnan01 想了一下，你是接第三方系统。我说的这个方法不是很准确了 有一定变化 自己想一下吧