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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM