京东web前端面试题,从零搭建飞冰微前端项目《第四篇,掌握这个提升路径,

本文介绍了如何从零搭建飞冰微前端项目,包括全局响应拦截器的实现和路由级权限配置。文章还分享了作者的前端开发经验,提供了一份2024年Web前端开发学习资料,涵盖ACM算法刷题经验,旨在帮助开发者提升技能和求职竞争力。
摘要由CSDN通过智能技术生成

response: {//全局拦截响应

onConfig: (response: any) => {

const success = response.data.success ? response.data.success : response.data.message === ‘成功’;//还需了解

if (!success) {

// 提示失败信息

const { data: { msg } } = response;//连续解构赋值

Message.error(msg);

return Promise.reject(msg);

}

return response.data;

},

onError: (error: any) => {//全局拦截请求报错

// 业务上封装统一的请求方法,与服务端约定接口协议,前端根据状态码判断无权限、未登录等状态,然后跳转到指定页面。!!!!!!!!!!

const status = error.response.status;

console.log(status);

if (status === 401) {

const accessToken = localStorage.getItem(‘ACCESS_TOKEN’);

if (accessToken) Message.error(“用户身份信息已失效,请重新登录”)

appHistory.push(‘/login’);// 跳转到登录页面,重新登录(账号密码输入错误的时候)

} else if (stat

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值