axios

• axios是什么

  • axios是一款ajax请求工具,是一个用于发送ajax请求的HTTP库，本质上是对AJAX的封装。而且Axios支持 Promise操作， 让我们无需再使用传统callback方式来进行异步编程。(Promise 是JS中进行异步编程的一种解决方案。)

•  定义

  • restFul

    • 1 接口设计风格
    • 2 强调每个url地址都是一个资源
    • 3 可以通过get,post,put,delete 操作资源
    • 4.get获取，post新增，put修改 delete删除

  • config axios配置

    • headers:请求头
      • 添加token
        • "Authorizatio":'Bearer ' + loclStorage.getlte

  • 执行结果

    • 网络请求成功
      • .then(res=>{res.data 请求返回的数据})
    • 请求失败
      • .catch(err=>{err.response.data 返回失败数据})

  • 基础方法

    • axios({

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

  • 便捷方法

    • post(url,data,config)
    • get (url,config)
      • get 传递阐述给后端
        • ?参数名=参数值&参数名2=参数值2
        • ?current=2
    • .delete(url,config) 删除
    • .put(url,data,config) 修改

  • 在vue全局挂载

    • 01 导入 main.js
      • import axios from 'axios'
    • 02 挂载
      • Vue.proroype.$axios=axios
    • 03

  • 安装

    • cd 项目目录
    • mpn i axios -S

  • 特点

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

  • 如何审查元素

    • 网络部分
      • 在网络里
      • 
      • 网络下面的载荷中

        

      • 网络下面的预览

        

       

       

    • 在应用中