uni-app中使用rpc协议请求

Question

uni-app中使用rpc协议请求

uni-apprpc

 阅读约 3 分钟

1、首先安装一个rpc 包 npm install js-jsonrpc-request
2、通用请求ajax.js简单封装。
注意的是：入参我的是数组，出参是一个简单变量。github给的例子，入参是对象，出参也是对象，这块有需要可以修改。
`import JsonRpcClient from 'js-jsonrpc-request';
import requestUrl from '@/common/requestURL.js';

const jsonrpc = new JsonRpcClient({

apiRoute: requestUrl.basicURL,
headers: {
    'X-API-CLIENT': 'key',
},
withMeta: false,

});

const ajax = (opt) => {

opt = opt || {};
opt.url = opt.url ;
opt.data = opt.data || null;
opt.prompt = opt.prompt || '加载中...';

opt.success = opt.success || function() {};
uni.showLoading({
    title: opt.prompt
});
jsonrpc
.request(opt.url, opt.data)
 .then((res) => {
    console.log('data', res);
    uni.hideLoading();
    opt.success(res.data);
})
.catch((err) =>{
    var  str =  JSON.stringify(err);
    uni.showToast({
            title: str,
            duration: 522000,
            icon: 'none'
        });
});