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

axios的封装

时间:2022-11-27 23:00:27浏览次数:43  
标签:axios 封装 network request instance import config

新建network文件夹及request.js

 

 

import axios from 'axios'

export function request(config){
    //创建axios实例
    const instance = axios.create({
        baseURL: 'http://123.207.32.32:8000',
        timeout: 5000
    })
    //发生真正的网络请求
    return instance(config);
}

  

 

发送请求的代码

import {request} from './network/request'
request({
  url:'/home/data'
}).then(res => {
  console.log(res)
}).catch(err => {
  console.log(err)
})

  

标签:axios,封装,network,request,instance,import,config
From: https://www.cnblogs.com/ixtao/p/16930948.html

相关文章

  • 封装Redis工具类
    基于StringRedisTemplate封装一个缓存工具类,满足下列需求:方法1:将任意Java对象序列化为json并存储在string类型的key中,并且可以设置TTL过期时间方法2:将任意Java对象序......
  • [FE] 浅谈 Chakra UI 的现代化浅封装 - 语义化大行其道
     Web2.0发展至今,网页元素越来越丰富和多样化,数据越来越多。从需求上来说,也已经不再是展示简单个静态网页,高效的开发交互、打通后端数据,产生了React和Vue两个著名框......
  • axios请求
    安装npminstallaxios--save axios基本使用axios({url:'http://123.207.32.32:8000/home/multidata',method:'get'//不写默认get方式}).then(res......
  • TypeScript属性的封装
    封装对象实质上就是属性和方法的容器,它的主要作用就是存储属性和方法,这就是所谓的封装默认情况下,对象的属性是可以任意的修改的,为了确保数据的安全性,在TS中可以对属......
  • 05-面向对象_封装
    typora-root-url:images一、编程思想1.1、什么是思想​ 何谓编程思想?首先解释一下“思想”。​ 先问你个问题:你想做个怎样的人?​ 可能你会回答:我想做个好人,孝敬......
  • 【Java】EasyCaptcha 封装验证码接口
     依赖坐标:<dependency><groupId>com.github.whvcse</groupId><artifactId>easy-captcha</artifactId><version>1.6.2......
  • 在Vue2项目(基于Vue Cli)中封装一个便捷的svg图标(SvgIcon)组件
    主要是介绍下SVG图标组件在Vue2.x中的配置流程首先,假设你有一个图标为:calculator.svg最后想要通过下图的这种方式来使用它: 遵循以下步骤便可以实现:1.先编写一个Sv......
  • excle文件的封装处理-Handle_excle
    importopenpyxlclassHandle_excle(): def__init__(self,file_name,sheet_name): self.file_name=file_name self.sheet_name=sheet_name defread(self):......
  • 4-2 脚手架执行流程开发 -- 封装通用的 Package & Commond 类
    1脚手架命令动态加载功能架构设计1.1指定本地调试文件路径targetPathcore>cli>bin>index.jsfunctionregisterCommand(){program.name(Object.keys(pkg.......
  • rest_framework 的 Response响应封装
    fromrest_framework.responseimportResponse#公用的响应classAPIRespones(Response):"""Respones({'status':0,'msg':'ok',......