uniapp的request封装及使用
uniapp的request封装1.首先创建一个unit文件,然后创建request.js。2.在api文件中引用。
·
1.首先创建一个unit文件,然后创建request.js
// 服务器地址
const BASE_URL = '/api' // 代理的api或者后端地址
// 请求,参数{url:'', data:{}, method:'POST'}
export const request = (options) => {
return new Promise((resolve, reject) => {
console.log(options.url);
uni.request({
url: BASE_URL + options.url,
method: options.method || 'GET',
// header:{token: uni.getStorage('user') ? uni.getStorage('user').token : ''},
// 后端需要的请求头
header: {
Authorization: uni.getStorageSync('token') ?
`Bearer ${uni.getStorageSync('token')}` : '',
Client: 'APP'
},
data: options.data || {},
success: res => {
const data = res.data
if (data.code === 401) {
uni.reLaunch({
url: '/pages/login/login'
})
return
}
resolve(data)
},
fail: error => {
uni.showToast({
icon: 'error',
title: '操作错误'
})
reject(error)
}
})
})
}
2.在api文件中引用
import { request } from '@/utils/request.js'
/**
* 接口
* @param data 请求数据
* @@return
*/
export const add = data => {
return request({
url: '接口',
method: '请求方法',
data
})
}
3.使用
import { getList } from '@/api/getList.js'
// 然后直接使用
methods: {
/**获取数据*/
init(){
getList(this.paramas).then(res => {
console.log(res)
})
},
}
更多推荐
已为社区贡献4条内容
所有评论(0)