使用Vuex处理用户Token
在使用uView框架开发uniapp小程序时的一些发现
我们都知道，不同的api接口，携带不同的header参数，那么如果我们配置统一的token到header 中，这样就不用每次都进行请求。
token是在登录的时候得到的，我们必须缓存起来，因为每次数据传输使用api的时候，可以得到token。
那么关于数据缓存，uView拿到token可以使用四种方法
引用token
config.header.token = vm.token;
方式二，如果没有使用uView封装的vuex方法，那么需要使用$store.state获取
config.header.token = vm.$store.state.token;
方式三，如果token放在了globalData，通过getApp().globalData获取
config.header.token = getApp().globalData.username;
方式四，如果token放在了Storage本地存储中，拦截是每次请求都执行的
所以哪怕您重新登录修改了Storage，下一次的请求将会是最新值
const token = uni.getStorageSync('token');
config.header.token = token;
本文使用了方法一，也就是uView封装好的vuex方式，uView封装好的vm实例，使用起来非常方便，可以直接取到缓存的token
config.header.Authorization = "Bearer" + vm.access_token //实例中拿到缓存的accessToken
版权声明：
作者：jenkin
链接：https://blog.ijenkin.top/index.php/2022/04/02/syvuexclyhtoken/
来源：Jenkin
文章版权归作者所有，未经允许请勿转载。
共有 0 条评论