axios的使用方式有几种？

第一种直接挂载原型上了 

import axios from "axios"

Vue.prototype.$axios=axios

第二种是封装了一个拦截器，有请求拦截器和响应拦截器，而且同时挂载到了原型上；但是有一个缺点：只要是vue的实例上面都会挂载；才会消耗性能大

import axios from 'axios'

 let $axios=axios.create({

  baseURL:'',//接口地址

timeout:5000,//设置超时时间

 })

//请求拦截

$axios.interceptors.request.use(config=>{

   console.log('请求拦截');

return config;

 })

 

 //响应拦截

$axios.interceptors.response.use(res=>{

   console.log('相应拦截');

   return res

})

 

 Vue.prototype.$axios=$axios

第三种：采用的一种设计模式 --- 单例模式

 1。 第一步： 建文件夹 包括的请求的js

 2。 第二步 新建js（request.js）目的是为了对请求做一个封装 （请求拦截/响应拦截）

 *3. 新建一个文件夹 写的是各个页面的各个接口请求

  4. 在需要调用接口的页面 引入 import 下方直接引用