uniapp token登录效验的思路

http请求封装:写一个中间件,每次请求都携带token进行效验,拦截后台返回的相关错误,返回200直接输出结果,返回其他错误跳转Login。

vuex封装: actions 多数用于写接口的请求。分别是请求退出,请求token , 请求用户信息

import {
	httpServer1
} from '../../rpc-service/index.js'
const userStore = {
	namespaced: true,
	state: {
		isLogin: false,
		userInfo: {},
		baseInfo:{},
		atDepartments:[]
	},
	mutations: {
		setAtDepartments(state,data){
			state.atDepartments = data;
		},
		setBaseInfo(state,data){
			state.baseInfo = data;
		},
		setIsLogin(state, bool) {
			state.isLogin = !!bool;
		},
		setUserInfo(state, userInfo) {
			//console.log(userInfo)
			state.userInfo = userInfo
		}
	},
	// action  一般用来操作请求接口
	actions: {
		

		logout({
			commit
		}) {
			httpServer1.invoke('/rpc/user', 'logout', []).then(res => {
				if (res && res.code === 200) {
					uni.clearStorage();
					//uni.setStorageSync(&#
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值