在vue项目中实现jsonp请求

403 阅读1分钟

在vue项目中实现jsonp请求

网上找到一个包

//安装jsonp
npm install jsonp --save

//封装在utils文件夹下
import jsonp from 'jsonp';
let baseURL;

baseURL = xxx

let promise = (url, option) =>{
    return new Promise((resolve, reject) =>{
        jsonp(baseURL+url, option, (err, data) => {
            if (data) {
                resolve(data);
            } else {
                reject(err);
            }
        });
    })
}

export default promise

//通过.then获取成功结果

//使用
import jsonp from '@/utils/jsonp'

export default {
    getData(data) {
        return jsonp(`xxx${data.参数}`,{timeout:5000})
    },
    //因为是get请求,参数要提前编译为指定的字符串传入 id=1&name=张三