Vue项目通过jsonp跨域登录后iframe加载页面

问题描述：同事项目要通过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
iframeLoad() {
  this.$jsonp(url, {
    code: '**',
    password: '**'
  })
    .then((json) => {
      this.iframeUrl = 'iframeUrl'
    })    
},