uniapp存储token的方法
时间: 2023-08-04 21:08:35 浏览: 53
在Uniapp中,存储Token可以使用多种方式,下面介绍两种常用的方法:
1. 使用本地存储
可以使用localStorage或sessionStorage把Token存储在本地,示例代码如下:
```javascript
// 保存Token
localStorage.setItem('token', 'your_token_here')
// 获取Token
var token = localStorage.getItem('token')
// 删除Token
localStorage.removeItem('token')
```
在上面的代码中,`localStorage.setItem()`用于保存Token,`localStorage.getItem()`用于获取Token,`localStorage.removeItem()`用于删除Token。使用localStorage存储Token的好处是可以在应用程序关闭后仍然保持登录状态,但是需要注意,不要在localStorage中存储敏感信息,因为localStorage可以被其他脚本访问。
2. 使用Vuex
在Uniapp中,可以使用Vuex来管理应用程序的状态,例如存储Token。示例代码如下:
```javascript
// 定义Vuex store
const store = new Vuex.Store({
state: {
token: null
},
mutations: {
setToken(state, token) {
state.token = token
}
},
actions: {
saveToken({ commit }, token) {
commit('setToken', token)
}
}
})
// 保存Token
store.dispatch('saveToken', 'your_token_here')
// 获取Token
var token = store.state.token
// 删除Token
store.dispatch('saveToken', null)
```
在上面的代码中,定义了一个名为`token`的状态,使用`mutations`来更新状态,使用`actions`来调用`mutations`。在保存Token时,可以使用`store.dispatch()`方法调用`saveToken` action,该方法将Token保存到Vuex store中。在获取Token时,可以使用`store.state.token`获取Token。在删除Token时,可以将Token设置为null,然后通过`store.dispatch()`方法调用`saveToken` action来更新Vuex store中的状态。
以上是两种常用的存储Token的方法,你可以根据自己的需求进行选择。
阅读全文