axios队列 vue_基于vue配置axios的方法步骤

axios 简介

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：

从浏览器中创建 XMLHttpRequest

从 node.js 发出 http 请求

支持 Promise API

拦截请求和响应

转换请求和响应数据

取消请求

自动转换JSON数据

客户端支持防止 CSRF/XSRF

1、背景

在项目开发中ajax请求是必不可缺少

一部分ajax请求不需要loading或则请求时间少于多少是不显示loading

项目中对请求的同一化处理(错误处理，返回数据格式化处理，loading处理，token处理)

配置基于个人vue项目进行配置，已加载vux相关组件，会进行一些依赖的import(可以按需配置)

import Vue from 'vue'

import axios from 'axios'

//项目的一些环境配置参数，读取host

import config from '@/config'

//vuex状态管理，这里主要进行对全局loading的控制

import store from '@/store'

//vue-router对相应状态码的页面操作(router实例)

import router from '@/router'

//console对应封装

import { log } from '@/utils'

2、解决方案