最最简单的axios二次封装

第一步先在src文件创建一个request文件夹

第二步在该文件下创建2个文件,一个为request.js,一个叫api.js

第三步,在request文件下引入axios,并且创建一个实例代码如下

import axios from "axios";
const instance = axios.create({
    // 设置通用请求头
        baseURL:'https://netease-cloud-music-api-crete722p-hannah-bingo.vercel.app',
        // 配置请求头
        // headers:{
        //     // 改为json格式 
        //     'Content-Type':'application/json'
        // },
        // 超时相应
        timeout:4000,
    })
    
    // 暴露出去
    export default instance;

第四步,在api.js文件内写入

// 导入requesr

import request from './request'

// 轮播图   箭头函数写法
export const bannerAPI = () => request({
    url:'/banner',
    method:"get",
    // params
})

// 普通函数写法
//export const bannerAPI = function () {
 //   return request({
  //      url:'/banner',
   //     method:"get"
   // }) 
    
//}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值