vue jsonp解決跨域處理

1、安裝vue jsonp

npm i -S vue-jsonp

2、在main.js中導入vue-jsonp

import VueJsonp from 'vue-jsonp'

通過use方法，掛載到vue中

vue.use(VueJsonp)

3、在組件創建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
        }
    })
}