共计 401 个字符,预计需要花费 2 分钟才能阅读完成。
问题形容:共事我的项目要通过 iframe 援用其余零碎的页面,然而援用之前要主动登录对方零碎,不然间接用 iframe 援用的话会被对方零碎强制登出。
解决方案:引入 vue-jsonp,通过 jsonp 解决跨域登录后,iframe 加载指标页面。
一、vue 引入 vue-jsonp
npm install vue-jsonp --save-dev
二、援用
import Vue from 'vue'
import {VueJsonp} from 'vue-jsonp' // 留神大写和大括号
Vue.use(VueJsonp)
三、应用
// html
<iframe :src="iframeurl" frameborder="0"></iframe>
// js
getJson() {
this.$jsonp(url, {
code: '**',
password: '**'
})
.then((json) => {this.iframeUrl = 'iframeUrl'})
},
正文完