Vue3中iframe内嵌页面在iOS上登录状态失效问题如何解决？

Question

使用vue3开发项目，其中有使用iframe内嵌外部链接页面（外部链接不是自己的项目），打包成静态页面。

1. 先在项目外打开并登录该内嵌页面
2. 再从项目中打开该内嵌页面会发现该内嵌页面的登录状态失效了
3. 且只有IOS会这样，Android不会

<iframe :allowfullscreen="true" v-if="!todo" id="kdoc" ref="kdoc" :src="url" frameborder="0"></iframe>

我是直接通过js操作Iframe替换的src的链接

const url = computed(() => store.state.home.iframe_url)

根据搜索来的方法尝试过

   const iframe = document.querySelector('#kdoc')
        var iframe_box = document.getElementById('frame_box');
        iframe_box.appendChild(iframe);

但仍然没有效果，最后只好把IOS先禁用掉

Answer 1

首先要搞明白，第三方页面的登录状态是靠什么记录的