axios封装中使用loading

最新推荐文章于 2024-08-16 09:19:57 发布

LamDengGG

最新推荐文章于 2024-08-16 09:19:57 发布

阅读量1k

点赞数 1

分类专栏：组件 js axios

本文链接：https://blog.csdn.net/LamDengGG/article/details/112675376

版权

本文介绍了如何在axios封装过程中结合移动端 vant 库的loading组件，详细讲述了从安装 vant，到在 main.js 中引入，再到 api.js 中实际使用的步骤。

摘要由CSDN通过智能技术生成

先安装

npm install axios
npm i element-ui -S

在main.js中引入

// vant按需引入
//import {Loading, Toast} from "vant";
// import "vant/lib/index.css";
// Vue.use(Loading).use(Toast)

// element-ui样式
import "element-ui/lib/theme-chalk/index.css";

在api.js中使用

import axios from "axios";
// import router from "../router/index";
// import Vue from "vue";
//获取vue实例
// const _vue = Vue.prototype;
import {
    Loading } from 'element-ui';

// axios封装请求方法
// axios配置
const that = this;
const config = {
   
    baseURL: "",
    headers: {
   
        "Content-type": "application/json"
    },
    timeout: 30000
}