一、axios是什么

axios  可以理解为ajax i/o system,是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,简单的理解就是ajax的封装。

 二、axios的特点

  • 前后端都可以使用
  • 不依赖dom
  • 拦截扩展强调
  • 可封装 复用性强

 三、axios的使用方法

1.安装

命令:npm axios -S

  2.在vue全局挂载

  • 导入main.js     import axios from 'axios'
  • 挂载                 Vue.prototype.$axios = axios;
  • 使用                 this.$axios.xxx

 3.方法

(1)基础方法

axios(config)可通过设置一些属性来发送请求

axios({
  url,//请求的地址
 method,//    请求方法 get,post,put,delete
 data,//post请求的数据
params,//get请求的数据
headers,//请求头配置
})

 (2)便携方法

  • post 

         post(url,data,config)

 

  • get

           get(url,cionfig)
           tips:get方式 传递参数给后端 =>  ?参数名=参数值&参数名2=参数值2 

 4.axios配置请求头信息

 "Authorization": 'Bearer ' + localStorage.getItem('token')

 

5.执行结果

  • 成功请求
    
    .then(res=>{
      res.data 请求返回的数据
    })

  • 失败请求
    
    .catch(err=>{
       err.response.data 返回失败数据
    })

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐