react中使用jsonp跨域

https://www.npmjs.com/package/jsonp

原生jsonp的使用

1.yarn add jsonp --save

2.import JsonP from 'jsonp'

3.JsonP('url',{},function(err, data){

  console.log(data)

})

2.封装

import JsonP from 'jsonp'
export default class Axios {
    static jsonp(options){
        return new Promise((resolve,reject)=>{
            JsonP(options.url,{
                param:'callback'
            },function(err,res){
                if(res.status === 'success') {
                    resolve(res)
                } else {
                    reject(err)
                }
            })
        })
    }
}

引用

import Axios from '../../axios/index'  // 封装的文件路径
Axios.jsonp({url:'path'}).then((res)=>{
    console.log(res)
}).catch((err)=>{
    console.log(err)
})    

 

上一篇:javascript JSONP回调函数未定义


下一篇:javascript – 无法存储使用jQuery JSONP获取的数据