-
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开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！
如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
