app使用微信h5页面,获取url中的token并使用

一、需求背景

app中部分页面要使用微信h5页面,其中一些servise请求需要自定义token

二、解决办法

1、oauth2.js(负责登陆页面)

一开始想在ouath2.js里修改openid设置的,但是后来采用的其他的办法。
openidCache.set() 是存储用户信息的方法


2、在入口文件main.js中

先获取url,进行解析,看query中是否存在token
只有没有获取到用户信息且query中没有token,才进入登陆页面oauth2.js


3、在app.vue文件中缓存用户信息

如果query中有token,就重新请求接口,获取用户信息并缓存。

image.png

4、在http请求文件中设置token

优先获取query中的token,其次获取缓存中的token


你可能感兴趣的:(app使用微信h5页面,获取url中的token并使用)