axios二次封装

1、先安装 axios
2、在新建一个axios的文件夹
3、在新建一个request.js的文件
4、把下面的代码复制进去获取去看axios文档进行配置
5、在axios的文件夹下新建一个公共请求文件
6、把request 文件引入进行做一个公共请求的方法
7、按需引入 哪些页面需要就去引公共的请求文件去请求接口

import axios from "axios";


const instance = axios.create({
    // 请求的域名
    baseURL: 'https://some-domain.com/api/',

    // 请求超过多少毫秒会停止请求
    timeout: 1000,
    // `withCredentials` 表示跨域请求时是否需要使用凭证
    withCredentials: false, // default
})
// 拦截器-请求前 (配置项,错误)
instance.interceptors.request.use(config=> {
    // token可以在这边统一请求
    config.headers = {
        'token': ''
    }


    return config
},err => {
    return Promise.reject(err)
})
// 拦截器-请求后
instance.interceptors.response.use(res => {

    return res

},err => {
    return Promise.reject(err)
})


export default instance
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值