vue jsonp解决跨域处理

一、安装vue jsonp

npm i -S vue-jsonp

二、在main.js中导入vue-jsonp

import VueJsonp from 'vue-jsonp'

经过use方法，挂载到vue中

vue.use(VueJsonp)

三、在组件建立create中，就能够加载数据了。第一个参数是咱们的请求地址，第二个是请求带的参数（能够是个对象），它返回给咱们的是一个promise对象，能够经过then方法进行调用。filter会把data.focus中的数据，进行过滤，将adddata=null的数据筛选出来，再赋值给swiperList。map能够将获得的数据再进行处理，按照须要的类型统一返回出去

this.$jsonp('http://......').then( data => {
    console.log(data);
    this.swiperList = data.focus.filter(item =>{
    return item.adddata === null;
}).map(item => {
    return {
        url:item.link,
        img:item.pico[0].url,
        title:item.title
        }
    })
}