关于vue.js:Vue项目通过jsonp跨域登录后iframe加载页面

1次阅读

共计 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'})    
},
正文完
 0