Jsonp解决跨域问题

一、安装Jsonp

npm install jsonp --save

二、封装组件

建一个axios文件夹，创建index.js文件

import Jsonp from 'jsonp'
import  axios from 'axios'
import {Modal} from 'antd'
export default  class Axios{
     static jsonp(options){
      return   new Promise((resolve,reject)=>{
             Jsonp(options.url,{
                 param:'callback'
             },function(err,response){
                if(response.status === 'success'){
                    resolve(response);
                }else{
                    reject(response.message);
                }
             })
         })
     }

}

三、调用

    getWeatherAPIData(){
        let city='北京'
        axios.jsonp({
            url:'http://api.map.baidu.com/telematics/v3/weather?location='+encodeURIComponent(city)+'&output=json&ak=3p49MVra6urFRGOT9s8UBWr2'
        }).then((res)=>{
            if(res.status === 'success'){
            let data =res.results[0].weather_data[0];
            this.setState({
                dayPictureUrl:data.dayPictureUrl,
                weather:data.weather
            })
            }
         }

        )
    }

然后就实现了跨域请求