iframe接受不同域名的token
目前涉及到了localstoral跨域
直接代码
这边是需要接受token的页面.
<iframe
id="bbb-iframe"
src="http://192.168.100.151:8080"
style="display:none;"
>xxx</iframe
>
mounted() {
console.log("接收sessionstorage")
window.onload = function() {
const bbbIframe = document.getElementById("bbb-iframe")
bbbIframe.contentWindow.postMessage(
{ key: "_token" },
"http://192.168.100.151:8080"
)
}
window.addEventListener(
"message",
function(event) {
console.log(event)
if (event.origin === "http://192.168.100.151:8080") {
console.log("接收到了值吗?")
console.log(event.data.wallets)
sessionStorage.setItem("_token", event.data.wallets)
}
},
false
)
},
mounted() {
// window.addEventListener(
// 'message',
// function(event) {
// if (event.origin === 'http://192.168.100.151:8888') {
// const value = sessionStorage.getItem('_token')
// event.source.postMessage({ wallets: value }, event.origin)
// }
// },
// false
// )
},