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