首页 > 其他分享 >axios的封装

axios的封装

时间:2022-12-28 21:33:14浏览次数:39  
标签:axios return 请求 拦截器 封装 requests config

import axios from 'axios';

// 1、利用axios的create创建请求实例
// 2、request是配置后的axios
const requests = axios.create({
    // 配置对象
    // 基础路径,发送请求时,路径都带有api
    baseURL: '/api',
    timeout: 5000,
})

// 请求拦截器,可以在发送请求之前做一些事情
requests.interceptors.request.use((config) => {
    // config :配置对象里面的一个属性,很重要,headers请求头
    return config
})

// 响应拦截器,可以在响应之前做一些事情
requests.interceptors.response.use((res) => {
    return res.data
}, (err) => {
    return Promise.reject(new Error('faile'))
})


export default requests

调用方法

requests({
    url: '/product/getBaseCategoryList',
    method: 'GET'
})

标签:axios,return,请求,拦截器,封装,requests,config
From: https://www.cnblogs.com/alinda/p/17011328.html

相关文章

  • jdbc简单封装
    构成:1、资源文件db.properties,中存放了驱动类地址、数据库url、用户名、密码。2、jdbc工具类JdbcUtils.java。jdbc工具类中实现了:1、获取数据库连接。......
  • vue3封装axios并使用拦截器处理错误
    utils/http.jsimportaxiosfrom"axios";consthttp=axios.create({withCredentials:false,timeout:30000,baseURL:"http://127.0.0.1:8000",header......
  • 消息提示封装elementui
    Vue.prototype.$msgTip = function (msg, temp,warningTime = 3000) {                let type = '';                switch......
  • 24-封装
    一引入​面向对象编程有三大特性:封装、继承、多态,其中最重要的一个特性就是封装。封装指的就是把数据与功能都整合到一起,听起来是不是很熟悉,没错,我们之前所说的”整合“......
  • MySql-数据库增删改查-封装类直接调用-2022-12-27
    1、新建文件 db.propertiesdriver=com.mysql.jdbc.Driverurl=jdbc:mysql://localhost:3306/jdbcstudy?useUnicode=true&characterEncoding=utf8&useSSL=falseusernam......
  • sqlSession封装以及CRUD的实现
    sqlSession封装以及CRUD的实现封装MyBatisUtil  dao定义方法  映射文件写sql语句  daoimpl实现类实现方法  test类测试方法  整体结构......
  • Axios 中文说明
     Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中。Features从浏览器中创建 ​​XMLHttpRequests​​从node.js创建 ​​http​​ 请求支持 ​​P......
  • Vue 封装自定义组件,通过npm install的方式安装使用
    1、新创建一个空的项目,我创建了一个新的项目(common-package-ui)2、在src下创建一个package文件夹用于存放自己的自定义组件,我创建了一个测试文件夹(test),下面创建了一个test......
  • 【Vue 中 Axios 的封装和 API 接口的管理】
    一.封装各模块作用引入一般我会在项目的src目录中,新建一个request文件夹,然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios,api.js用来统一管理......
  • Vue按需引入注册UI以及自定义组件的封装
    1.单文件global注册自定义组件的封装importAfrom"../view/A.vue";importBfrom"../view/B.vue";constcomponents={A,B};exportdefault{install(Vue){......