vue 使用 jsonp

1. 使用 vue-jsonp

npm install vue-jsonp --save

import Vue from 'vue';
import VueJsonp from 'vue-jsonp';
Vue.use(VueJsonp);


export default {
  created() {
    this.getData();
  },
  mounted() {
    window.jsonpCallback = (data) => {
      console.log(data);
    };
  },
  methods: {
    getData() {
      this.$jsonp(url, {
        callbackQuery: 'callbackParam',
        callbackName: 'jsonpCallback'
      });    
    }
  }
}

2. 基于 axios 使用 axios-jsonp

npm install axios axios-jsonp

const axios = require('axios');
const jsonpAdapter = require('axios-jsonp');
 
axios({
  url: '/jsonp?cb=jsonpCallback&input=111',
  adapter: jsonpAdapter,
  callbackParamName: 'cb' // 可选，默认是 'callback'
});


mounted() {
  window.jsonpCallback = (data) => {
    console.log(data)
  };
}