uni封装ajax,uni-app请求方法的封装

该代码段展示了uni-app中对网络请求的封装,包括获取Token、设置请求头和发起请求的函数。通过调用封装好的request函数,可以进行GET和POST请求,并处理请求错误。示例中调用了getPageSet函数来获取页面设置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

export const baseUrl = 'http://xxx.xx.xxx:8080'

// 获取Token

function getToken() {

try {

const token = uni.getStorageSync('token');

if (token) {

return token

} else {

return ''

}

} catch (e) {

console.log(e)

}

}

// 获取请求头

function getHeaders() {

let token = getToken()

let header = {

"token": token,

"Content-Type": "application/json", //根据自己的数据类型

// "Content-Type":"application/x-www-form-urlencoded",

}

return header

}

let request = function(data) {

data.method = data.method.toUpperCase()

if (!['GET', 'POST'].includes(data.method)) {

uni.showToast({

title: `暂不支持的请求方式: ${data.method}`,

icon: 'none'

});

return

}

return new Promise((resolve, reject) => {

uni.request({

url: baseUrl + data.url,

method: data.method,

data: data.params,

header: getHeaders(),

}).then(res => {

switch (res[1].statusCode) {

case 200:

resolve(res[1])

break

default:

reject(res)

}

}).catch(

(response) => {

reject(response)

}

)

})

}

export default request;

import request from '../../common/js/util/request'

export function getPageSet() {

return request({

url: '/system/xxxx',

method: 'post',

})

}

import { getPageSet } from './api.js';

export default {

methods: {

getData() {

uni.showLoading({

title: '加载中'

});

getPageSet().then(res => {

if (res.statusCode == 200) {

uni.hideLoading();

}

});

}

}

};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值