首页 > 移动平台 > 详细

react封装Axios请求拦截

时间:2020-05-07 22:12:20      阅读:573      评论:0      收藏:0      [点我收藏+]
import axios from ‘axios‘

const isDev = process.env.NODE_ENV === ‘development‘//判断是否为生产环境

const service = axios.create({
    baseURL: isDev ? ‘http://rap2.taobao.org:38080/app/mock/251246‘ : ‘‘
})



//请求拦截
service.interceptors.request.use((config) => {
    config.data = Object.assign({}, config.data, {
        // authToken: window.localStorage.getItem(‘authToken‘)//本地存贮获取token
        authToken: ‘fhusfheiuhruehgui‘
    })
    // console.log(config)
    return config
})

//响应拦截
service.interceptors.response.use((resp) => {
    if (resp.data.code === 200) {
        return resp.data.data
    } else {
        //全局处理错误
        message.error(resp.data.errMsg)
    }
})

使用:

export const getArticalDetail = (id) => {
    return service.post(`/api/v1/artical/${id}`)
}

 

react封装Axios请求拦截

原文:https://www.cnblogs.com/art-poet/p/12845700.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!