门户网站建设经验总结,it人力开发外包服务,湖南汽车软件网站建设,wordpress接入官方号封装规范和vue中的差不多#xff0c;都是统一封装成一个request对象#xff0c;然后在api.js里面调用。
先创建一个utils文件夹#xff0c;然后里面创建一个request.js#xff0c;代码如下#xff1a;
export const baseURL 基础url地址const request (options) …封装规范和vue中的差不多都是统一封装成一个request对象然后在api.js里面调用。
先创建一个utils文件夹然后里面创建一个request.js代码如下
export const baseURL 基础url地址const request (options) {// 判断是不是完整的地址不是的话拼接上baseUrllet urlPath if (options.url.indexOf(http) -1) {urlPath baseURL options.url} else {urlPath options.url}console.log(请求的url是:, urlPath);return new Promise((resolve, reject) {uni.request({url: baseURL options.url, //接口地址前缀方法中传入的地址method: options.method || GET, //请求方法传入的方法或者默认是“GET”data: options.data || {}, //传递参数传入的参数或者默认传递空集合header: {token: uni.getStorageSync(token) || //自定义请求头信息},success: (res) {// 成功返回console.log(返回数据:, res)resolve(res.data.response_data)},// 这里的接口请求如果出现问题就输出接口请求失败fail: (err) {console.log(请求错误:, err)reject(err)}})})
}export default request
在api文件夹中封装对应的index.js文件然后导入request对象
import request from /utils/requestexport default {getUUID(data) {console.log(getUUID);return request({url: /user/wxapp,method: get,data,})},changeStatus(data) {return request({url: /message/isReads,method: post,data,})},getMsgType(params) {return request({url: /message/messageType,method: get,params,})},deleteMsg(data) {return request({url: /message/delete,method: post,data,})},
}
在对应的vue或者react中引入并调用