如何将axios封装成一个插件

简介: 如何将axios封装成一个插件

01==>重新写axios的插件


在src下创建一个插件文件为plugins  在创建一个http.js文件


根据官方插件  重新写axios的插件  http.js文件如下


import axios from "axios"
    const MyHttpServer={}
    MyHttpServer.install=(Vue)=>{
        axios.defaults.baseURL = "http://api.xiaomadagege.cn:8888/api/private/v1/"; //配置一个基础路径哈
        Vue.prototype.$http=axios
    }
    //暴露出去哈
    export default MyHttpServer


02 在main.js中去引入


在vue中@表示是src这个文件夹哦


import MyServerHttp from "@/plugins/http.js";
Vue.use(MyServerHttp);


按照上面这两步插件已经发呢改装好了哈。然后就是可以使用了。


下面是使用的方法


//this.formLabelAlign是携带的参数
  methods: {
    handleLogin() {
      this.$http.post("login", this.formLabelAlign).then(res => {
        const {  //解构
          data,
          meta: { msg, status }
        } = res.data;
        if (status === 200) {
          this.$router.push({ name: "home" });
        }
      });
    }
  }
相关文章
|
1月前
|
JavaScript
vue封装axios(用interceptors封装)
vue封装axios(用interceptors封装)
21 0
|
1月前
|
前端开发
Axios request 封装技巧:提升代码复用和效率的步骤
在开发中,为了提高效率,通常对 Axios 进行封装,简化了请求的发送和对响应的处理。同时,统一错误处理机制有助于维护代码的清晰和一致性。本文介绍了一些高效封装 Axios 请求的方法。
Axios request 封装技巧:提升代码复用和效率的步骤
|
1月前
|
存储 JSON 前端开发
封装axios的两种方式
封装axios的两种方式
|
1月前
|
前端开发
十分钟封装一个好用的axios,省时又省力他不香吗
十分钟封装一个好用的axios,省时又省力他不香吗
|
1月前
|
缓存 前端开发 JavaScript
前端vue3分享——项目封装axios、vite使用env环境变量
前端vue3分享——项目封装axios、vite使用env环境变量
65 0
|
1月前
|
存储 算法 JavaScript
< 今日小技巧:Axios封装,接口请求增加防抖功能 >
今天这篇文章,主要是讲述对axios封装的请求,由于部分请求可能存在延时的情况。使得接口可能存在会被持续点击(即:接口未响应的时间内,被持续请求),导致重复请求的问题,容易降低前后端服务的性能!故提出给axios封装的配置里面,新增一个防抖函数,用来限制全局请求的防抖。
< 今日小技巧:Axios封装,接口请求增加防抖功能 >
|
1月前
|
JSON JavaScript 前端开发
< 每日份知识快餐:axios是什么?如何在Vue中 封装 axios ? >
本文介绍了前端开发中常用的HTTP客户端库Axios,它基于Promise,支持浏览器和Node.js,特点是功能强大、支持Promise API和并发请求,并能拦截请求和响应。文章强调了理解Axios的内部原理和优化使用的重要性,不仅讲解了基本的安装、导入和使用方法,还阐述了为何选择Axios,包括其丰富的配置选项和良好的浏览器支持。此外,文章探讨了封装Axios的必要性,以减少重复代码和提高代码维护性,并给出了设置接口请求前缀、请求头、超时时间以及封装请求方法和拦截器的示例。通过封装,开发者可以更高效地管理和使用Axios,适应不同项目需求。
|
1月前
axios封装和配置
axios封装和配置
24 0
|
1月前
04_装饰器封装axios_get请求
04_装饰器封装axios_get请求
34 0
|
1月前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装