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

 

转载于:https://www.cnblogs.com/xiaoli52qd/p/7235901.html