给我一个uniapp携带请求头并封装好的请求接口
时间: 2023-06-01 18:07:37 浏览: 114
好的,以下是一个基于 uniapp 平台,封装并携带请求头的请求接口示例:
```
// 引入请求工具
import request from '@/utils/request'
// 定义请求接口方法
export function fetchData(data) {
return request({
url: '/api/data', // 接口地址
method: 'post', // 请求方法
data, // 请求数据
header: { // 携带的请求头
'authorization': 'Bearer ' + uni.getStorageSync('token'),
'content-type': 'application/json'
}
})
}
```
需要注意的是,此处携带的请求头中的 token 需要根据实际情况进行修改,以确保接口请求成功。
相关问题
uniapp网络请求接口封装
以下是一个较为完整的uniapp网络请求接口封装代码:
```js
// 封装请求函数
function request(url, data = {}, method = 'GET') {
return new Promise((resolve, reject) => {
uni.request({
url,
data,
method,
header: {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + uni.getStorageSync('token')
},
success: res => {
// 请求成功
if (res.statusCode === 200) {
resolve(res.data)
} else {
reject(res)
}
},
fail: err => {
// 请求失败
reject(err)
}
})
})
}
// 定义接口基础地址
const baseUrl = 'https://api.example.com'
// 封装接口请求函数
export function login(data) {
return request(`${baseUrl}/login`, data, 'POST')
}
export function getUserInfo(userId) {
return request(`${baseUrl}/user/${userId}`)
}
// ... 还可以继续封装其他接口请求函数
```
在上面的代码中,我们在 `request` 函数中添加了一个请求头,用于传递身份验证信息。在每次请求接口时,都会携带一个名为 `Authorization` 的请求头,其值为当前用户的身份验证令牌。这样,在服务端就可以根据身份验证令牌来判断当前用户的身份了。
另外,我们定义了一个 `baseUrl` 常量,用于存储接口的基础地址。这样,在实际使用时,我们只需要在接口请求函数中指定相对地址即可。
在实际使用中,我们可以在需要发送网络请求的地方,直接引入并调用以上封装好的接口请求函数。例如:
```js
import { getUserInfo } from '@/api/user'
getUserInfo('123456').then(res => {
console.log(res)
})
```
以上代码会调用 `getUserInfo` 函数,向服务器请求 id 为 123456 的用户信息。请求成功后,会将返回的数据打印到控制台中。
uniapp微信小程序网络请求封装携带token
可以通过给请求头添加 Authorization 字段来携带 token,示例代码如下:
```
uni.request({
url: 'https://example.com/api',
method: 'GET',
header: {
'Authorization': 'Bearer ' + token
},
success: function(res) {
console.log(res.data);
},
fail: function(res) {
console.log(res.errMsg);
}
});
```
其中,token 是你获取到的身份验证的 token 值。在请求头中添加 Authorization 字段,值为 'Bearer ' + token,其中的 Bearer 表示此 token 的类型为 Bearer Token。
阅读全文