这是我登录页面的一段代码 如何修改//调用登录接口 getLogin() { const baseUrl = 'http://192.168....' uni.request({ url: baseUrl + '/api/v1/....', data: { //请求参数 mobile: this.phoneNumber, deptId: 204, verifyCode: this.code, openId: '' }, header: { Authorization: 'Bearer SJMj+yR1sZ65h4Rl3ghKh9OPIQ8tioGwpYTXnustCk7CjfyslkCtUhqLH26UjLbWpJy79Lrf/3ilIUWJxyeGSHfZu0aZ/7B9c1q1kkBxiycKtt/+KsKJTifmQVA/0yv8lmm0XbvjzLyc4/N/lUTRmg==' //自定义请求头信息 }, //请求方法 默认为GET method: "POST", success: (res) => { console.log(res); this.id = res.data.data.userInfo.id this.token = res.data.data.token console.log(this.token); this.setStorage() uni.reLaunch({ //跳转到家庭成员列表页面 url: '../mine/mine?id=' + this.id }); }, fail: function(err) { console.log(err) } }); }, //缓存数据 setStorage() { //这是一个同步接口。建议使用这个方法 //第一个参数本地缓存中的指定的 key //第二个参数需要存储的内容 uni.setStorageSync('token', this.token); console.log('存储成功'); },现在有一个需求 从登录页面获取接口本地存储token 登录成功后跳转到我的页面,但是现在token过期了 该如何修改代码
时间: 2024-02-03 19:04:03 浏览: 109
如果您的token过期了,您可以尝试通过以下步骤修改代码:
1. 找到 `getLogin()` 方法中的 `success` 回调函数。
2. 在回调函数中,获取到新的token值,替换掉原来的token值。可以通过 `res.data.data.token` 获取新的token值。
3. 调用 `setStorage()` 方法,将新的token存储到本地缓存中。
修改后的代码示例:
```javascript
success: (res) => {
console.log(res);
this.id = res.data.data.userInfo.id;
this.token = res.data.data.token; // 获取新的token值
console.log(this.token);
this.setStorage(); // 将新的token存储到本地缓存中
uni.reLaunch({
url: '../mine/mine?id=' + this.id
});
},
```
这样修改后,当您登录成功后,会将新的token存储到本地缓存中,并跳转到我的页面。请确保在其他需要使用token的地方,从本地缓存中读取最新的token值使用。
请注意,以上只是一个示例,具体的修改方式可能还需要根据您的需求和代码结构进行调整。另外,为了保证安全性,建议在实际应用中采用更加严谨的token管理方式,例如定时刷新token等。
相关问题
为什么在我的页面能取到登录时的token 但是在调用接口时显示token失效//调用获取用户信息接口 getUserInfo() { const baseUrl = 'http://192.168....' uni.request({ url: baseUrl + '/api/v1/...', data: { //请求参数 id: this.id }, header: { Authorization: this.token //自定义请求头信息 }, //请求方法 默认为GET method: "GET", success: (res) => { console.log(res); this.user = res.data.data.user }, fail: function(err) { console.log(err) } }); },onLoad(option) { this.setStorage() this.getStorage() this.token = uni.getStorageSync('token') console.log('我的页面的token'); console.log(this.token); this.getUserInfo() }
在您的代码中,调用接口时显示token失效的原因可能是您在获取token后没有及时更新`this.token`的值,导致在调用`getUserInfo()`时传递的是过期的token。
要解决这个问题,您可以尝试在每次调用接口之前,确保`this.token`的值是最新的,可以通过以下步骤进行修改:
1. 在`getLogin()`方法中,在获取到新的token值后,调用`setStorage()`方法存储新的token,并更新`this.token`的值。
```javascript
success: (res) => {
console.log(res);
this.id = res.data.data.userInfo.id;
this.token = res.data.data.token; // 获取新的token值
console.log(this.token);
this.setStorage(); // 将新的token存储到本地缓存中
uni.reLaunch({
url: '../mine/mine?id=' + this.id
});
},
```
2. 在`onLoad()`方法中,通过`uni.getStorageSync('token')`来获取最新的token值,并更新`this.token`。
```javascript
onLoad(option) {
this.setStorage();
this.getStorage();
this.token = uni.getStorageSync('token'); // 获取最新的token值
console.log('我的页面的token');
console.log(this.token);
this.getUserInfo();
},
```
通过这样的修改,确保在每次调用接口时传递的都是最新的token值,应该能够解决token失效的问题。请注意在其他需要使用token的地方,也要更新对应的token值。
// async getLogin() { // if (this.login()) { // const data = await this.$axios.post( // "/tax/wechat/login", // { // mobile: this.form.phoneNumber, // code: this.form.idNumber, // } // ); // if (data.success) { // this.$router.push("/myInfo"); // } else { // this.$router.push("/authentication"); // } // } // },从这个接口中获取response Headers 里Ssessionid的值,并存放到sessionStorage里
你可以通过访问响应的`headers`属性来获取`Session-Id`的值,并将其存放在`sessionStorage`中。以下是一个示例代码:
```javascript
async getLogin() {
if (this.login()) {
const response = await this.$axios.post("/tax/wechat/login", {
mobile: this.form.phoneNumber,
code: this.form.idNumber,
});
// 获取Session-Id
const sessionId = response.headers['session-id'];
// 将Session-Id存放在sessionStorage中
sessionStorage.setItem('sessionId', sessionId);
if (data.success) {
this.$router.push("/myInfo");
} else {
this.$router.push("/authentication");
}
}
},
```
请注意,示例中的`this.$axios.post`是一个假设的请求方法,你需要根据实际情况使用你的网络请求库进行替换。另外,这里假设后端在响应头中将会话id存放在`session-id`字段中,你需要根据实际情况进行调整。在之后的请求中,你可以使用存储在`sessionStorage`中的会话id来设置请求头。
阅读全文