axios的基本使用

在main.js 中

一、下载并引入axios

• 下载 npm i axios
• 引入 import axios from ‘axios’

二、配置默认的根路径

• axios.defaults.baseURL=‘http://xxxxxx’

三、配置拦截器（在请求或响应被 then 或 catch 处理前拦截它们，最后必须要有return）

// 添加请求拦截器
axios.interceptors.request.use(config => {
    // 在发送请求之前做些什么
    return config;
  }, erro => {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

// 添加响应拦截器
axios.interceptors.response.use(response => {
    // 对响应数据做点什么
    return response;
  }, error => {
    // 对响应错误做点什么
    return Promise.reject(error);
  });

四、将axios挂载到vue的原型对象上

Vue.prototype.$http=axios

使用

五、axios 发送post或get请求传参

//post请求
axios.post('url',{id:'123'})

//get请求
axios.get('url',{params:{id:123}})