vue基础---axios的使用

一、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 返回失败数据
})

猜你喜欢

转载自blog.csdn.net/qq_45870314/article/details/126037104