token放在那里 url_token在项目生成和使用

目录

用户登陆,发送手机号码和验证码

后台接收参数,查找用户,用户存在就生成token,返回给前端

前端登陆成功,把token存到vuex(做持久化)

使用axios拦截器,读取vuex中的token,并放入请求头

请求其他接口,就会带上token

后台在需要登陆的接口上,获取token,解密token获得userId,返回前端需要的数据

用户在下次使用app,如果token还在有效期内,不需要重新登陆

(一) 用户登陆,发送手机号码和验证码

async login() {

// 发送请求,用post方式

let url = "/login";

// 请求参数

let data = {

phone: this.phone,

smsCode: this.smsCode

};

let res = await this.$axios.post(url, data);

console.log('res',res);

}

(二) 后台接收参数,查找用户,用户存在就生成token,返回给前端

// 获取前端传过来的参数phone,smsCode

let {

phone,

smsCode

} = ctx.params;

// 查找用户

let result = findUser(phone, smsCode);

// 找不到

if (!result) {

ctx.body = {

code: 604,