-
3、在request.js添加拦截器,用于传递token信息
-
4、修改layouts中的default.vue页面
-
- (1)显示登录之后的用户信息
-
(2)default.vue页面显示登录之后的用户信息
login.js
import request from ‘@/utils/request’
export default {
//登录的方法
submitLogin(userInfo) {
return request({
url: /educenter/member/login
,
method: ‘post’,
data: userInfo
})
},
//根据token获取用户信息
getLoginUserInfo() {
return request({
url: /educenter/member/getMemberInfo
,
method: ‘get’,
// headers: {‘token’: cookie.get(‘guli_token’)}
})
//headers: {‘token’: cookie.get(‘guli_token’)}
}
}
(1)安装js-cookie插件
npm install js-cookie
(2)login.vue
·
<input type=“button” class=“sign-in-button” value=“登录” @click=“submitLogin()”>
社交帐号登录
-
-
3、在request.js添加拦截器,用于传递token信息
import axios from ‘axios’
import { MessageBox, Message } from ‘element-ui’
import cookie from ‘js-cookie’
// 创建axios实例
const service = axios.create({
//baseURL: ‘http://qy.free.idcfengye.com/api’, // api 的 base_url
//baseURL: ‘http://localhost:8210’, // api 的 base_url
baseURL: ‘http://localhost:9001’,
timeout: 15000 // 请求超时时间
})
// http request 拦截器
service.interceptors.request.use(
config => {
//debugger
if (cookie.get(‘guli_token’)) {
config.headers[‘token’] = cookie.get(‘guli_token’);
}
return config
},
err => {
return Promise.reject(err);
})
// http response 拦截器
service.interceptors.response.use(
response => {
//debugger
if (response.data.code == 28004) {
console.log(“response.data.resultCode是28004”)
// 返回 错误代码-1 清除ticket信息并跳转到登录页面
//debugger
window.location.href=“/login”
return
}else{
if (response.data.code !== 20000) {
//25000:订单支付中,不做任何提示
if(response.data.code != 25000) {
Message({
message: response.data.message || ‘error’,
type: ‘error’,
duration: 5 * 1000
})
}
} else {
return response;
}
}
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
**[外链图片转存中…(img-lz5YTX1F-1714848225519)]
[外链图片转存中…(img-EIsOXgSc-1714848225519)]
[外链图片转存中…(img-a4EfThBz-1714848225519)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!