Vue全局注册配置axios

1、安装axios

npm install axios -g

或

yarn add axios

2、配置axios

在src目录下创建存放axios配置信息以及接口的的文件夹

 配置axios（axios.js）

import axios from 'axios';//引入aixos模块

const Axios=axios.create({//创建实例
    baseURL:'****',//设置请求url
    timeout:5000//设置超时时间
})

export default Axios//导出模块

 配置接口(index.js)

import api from './axios.js'//引入aixos配置好的axios信息

export get=(data)=>{//导出接口,data为调用接口时所需要携带的参数
    return api.get('url',data)//设置url以及请求方式，返回接口
}

3、调用接口

在需要调用接口的页面内引入接口并使用

//{}代表将导出的接口解构，所需要引入的接口名称必须与index文件内创建时的接口名称保持一致

import {get} from '@/api/index'
//使用
export default{
    //在生命周期内使用，当然也可以在methods内定义一个方法，在需要时被调用
    created：{
        get(data).then(res=>{//data为调用接口时所携带的参数
            console.log(res)
        })
    }
}

以上就是vue配置axios的使用方法，用的是v2的语法，其实v3也与v2大差不差，换汤不换药。至少在配置时基本上是保持一致的，只有在使用时不一样，因为v3算是没有beforecreate和created这两个生命周期以及语法上与v2的差异，所以在使用上会有所不同，但是也很简单，就把它当作原生js怎么写，v3也怎么写就行