在开发过程中,封装网络请求是一个基础但至关重要的环节。特别是在uni-app框架中,通过POST方式传递参数并加入Token验证,可以有效提升代码复用性和安全性。以下为实现步骤:
首先,我们需要创建一个工具类`request.js`,用于统一管理网络请求逻辑。比如:
```javascript
export default (url, data = {}, method = 'GET') => {
return new Promise((resolve, reject) => {
uni.request({
url: url,
data: data,
method: method,
header: { 'Authorization': 'Bearer ' + uni.getStorageSync('token') },
success(res) {
resolve(res.data);
},
fail(err) {
reject(err);
}
});
});
}
```
接着,在登录接口中调用此方法,确保每次请求都携带正确的Token。例如:
```javascript
const loginData = { username: 'test', password: '123456' };
request('/api/login', loginData, 'POST').then(res => {
if (res.token) {
uni.setStorageSync('token', res.token);
console.log('登录成功!');
}
});
```
通过这种方式,不仅简化了代码结构,还增强了系统的健壮性。💪
💡 小贴士:记得在每次请求前检查Token是否过期,并及时更新!
uni-app 前端开发 网络请求 Token认证