vue封装axios模块

本文介绍了如何在Vue应用中通过axios进行API请求的封装,创建request.js模块,实现复用并管理不同接口的 baseURL。详细讲解了如何导入封装的API方法,并探讨了如何根据需求创建并导出多个request实例以适应不同的基URL.
摘要由CSDN通过智能技术生成

安装axios

npm install axios -S

axios 封装request.js模块

在这里插入图片描述

import axios from 'axios'

const request = axios.create({
  baseURL: 'https://applet-base-api-t.itheima.net'
})

export default request

抽取API请求方法,可以对请求进行复用

在这里插入图片描述

import request from '@/utils/request.js'
// 抽取API接口
export const getArticleListAPI = function (_page, _limit) {
  return request.get('/articles', {
    params: {
      _page,
      _limit
    }
  })
}

在组件中引入封装的API方法

import { getArticleListAPI } from '@/api/articleAPI.js'

多个请求baseURL

  • 需要创建多个request.js文件并且export出来,对名称进行修改就可以了
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值