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
        }
    })
}