- 文档
uni-app官网•API•网络https://uniapp.dcloud.net.cn/api/request/request.html#request
- 步骤
1.自定义js文件(request.js),封装全局方法,发起网络请求:
设置baseURL;
获取token,添加请求头;
使用uni.request()发起网络请求;
挂载网络请求的方法到全局uni对象
//1.设置baseURL
const baseURL = 'https://www.example.com/' //仅为示例,并非真实接口地址
//2.获取token,设置请求头
const token = ''
if(token){
token.Authorization = token
}
//3.发起网络请求
const request = ({url, method, data, header}) => {
return new Promise((resolve, reject) => {
uni.request({
url: `${baseURL}${url}`,
method,
data,
header,
success: (res) => {
resolve(res.data)
},
fail: (err) => {
reject(err)
}
})
})
}
//4.挂载网络请求的方法到全局uni对象
uni.$request = request
示例:
2.在main.js文件中,导入该js文件(request.js)
3.在组件中使用自定义的uni.$request发起网络请求
methods: {
async getDataFn(){
const res = await uni.$request({
url: 'home/example', //示例url
method: 'GET',
data: {
text: 'uni.request'
}
})
console.log('后台返回数据', res)
}
}
示例: