当前位置:首页 > 问答库 > Web基础知识 > 详情

axios守卫(请求和响应守卫)

来源:千锋教育

发布:syq

2022-12-02

Web基础知识 分类问答库

推荐答案

  其实这个问题问的是axios请求封装种的请求拦截器和响应拦截器,比如如下的封装代码案例import axios from 'axios' import router from './../router'

  // development开发环境production生产环境const isDev=process.env.NODE_ENV === 'development'

  // baseURL会自动加到所有的请求之前const request = axios.create({ // http://121.89.205.189/api/pro/list ==> /pro/list baseURL: isDev ? 'http://121.89.205.189/api' : 'http://121.89.205.189/api', timeout: 6000 })

  // 请求拦截器 request.interceptors.request.use(config => { // 传入token验证登录状态

  // 如果需要设置其他的信息也可以在这里 config.headers.common.token = localStorage.getItem('token')return config }, err => Promise.reject(err))

  // 响应拦截器封装request.interceptors.response.use(response => { // 如果验证未登录,可以跳转到登录页面 if (response.data.code === '10119') { router.push('/login') } return response }, err => Promise.reject(err)) export default request

axios守卫

更多问题在线答疑

导师线上坐镇
解答个性化学习难题

立即提问

上一篇

useEffect与副作用?什么是副作用?聊聊useEffect?

下一篇

redux和mobx的区别?

相关问题

更多 >>
是否用过混合APP开发 前端引擎模板 forEach中的await 闭包的使用场景 什么是模块化思想? JS如何实现多线程?
热门问题
Web基础知识 Web培训机构 Web培训费用 Web培训时间 Web培训课程 Web培训就业 零基础学Web Web薪资待遇 Web学习路线

全国咨询热线400-811-9990