vue axios 封装及使用

axios 封装

          在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。

1、首先创建 vue 项目，安装 axios

vue create demo
cd demo
npm i axios vue-axios -S

          一般我会在项目的src目录中，新建一个 network 文件夹，然后在里面新建一个 manager.js、 request.js、requestMethods.js、api.js。
          manager.js 文件用来封装我们的axios，request.js 文件用来定义的组件内调用的方法，requestMethods.js用来导出配置好的axios实例，api.js用来统一管理我们的接口。

2、manager.js

import axios from "axios"
import {
    Message} from 'element-ui'

// 调用axios.create方法，配置一些属性，返回一个新的axios
const request= axios.create({
   
    baseURL: "http://localhost:8080/",
    //请求超时时间
    timeout: 2000
})

// 请求拦截
request.interceptors.request