vue引入vue-jsonp实现跨域和引入jquery实现跨域

vue-jsonp

第一步：

    npm install vue-jsonp --save

第二步：

    在main.js中

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

第三步：

    在任意.vue文件中使用

methods中
vueJsonpShopList(params) {
            this.$jsonp('http://example/shoplist',params)
                .then(res => {
                    var jdata = eval("("+res+")");
                    console.log(jdata)
                })
        },
mounted中

var param = {

　　callbackQuery: 'callbackParam', // jsonp key //请求传递参数 1
　　callbackName: 'jsonpCallback', // jsonp key //请求传递参数 2
　　name: 'zhangsan', //请求传递参数 3
　　type: 6 //请求传递参数 4
} ;
this.vueJsonpShopList(param);

jquery

第一步：

    npm install jquery@2.2.3 --save （版本可选）

第二步：

    配置

 

第三步：

    任意vue文件中使用jquery