axios引入的详细讲解

1.安装axios:npm install axios,等待安装完毕即可

2.引用axios:在需要使用的页面中引用 import axios from 'axios' 即可

axios请求的时候有两种方式:一种是get请求,另一种是post请求

get请求:

javascript 复制代码
axios({
      method:"get",
      url: "", // 接口
      params: {
        // 参数
        name: xxx,
      },
    })
      .then(function (res) {
        console.log(res); // 成功回调
      })
      .catch(function (err) {
        console.log(err); // 失败回调
      });

post请求:

post请求还需要引入qs的文件npm install qs 和 import qs from 'qs'

javascript 复制代码
axios({
      method:"post",
      url: "", // 接口
      data:qs.tostring{
        // 参数
        name: xxx,
      },
    })
      .then(function (res) {
        console.log(res); // 成功回调
      })
      .catch(function (err) {
        console.log(err); // 失败回调
      });

还有一些具体信息:

method:创建请求时使用的方法

url:请求的服务器地址

header:即将被发送的自定义请求头

data:请求接口所需要传递的参数

params:即将与请求一起发送的 URL 参数

then(function(succ) {}):成功时返回的数据

catch(function(err){}):失败时返回的信息

相关推荐
不吃香菜学java16 小时前
Redis的java客户端
java·开发语言·spring boot·redis·缓存
贵沫末16 小时前
python——打包自己的库并安装
开发语言·windows·python
这儿有一堆花16 小时前
前端三件套真的落后了吗?揭开现代 Web 开发的底层逻辑
前端·javascript·css·html5
文祐17 小时前
C++类之虚函数表及其内存布局(一个子类继承一个父类)
开发语言·c++
.Cnn17 小时前
JavaScript 前端基础笔记(网页交互核心)
前端·javascript·笔记·交互
zuowei288917 小时前
华为网络设备配置文件备份与恢复(上传、下载、导出,导入)
开发语言·华为·php
醉酒的李白、17 小时前
Vue3 组件通信本质:Props 下发,Emits 回传
前端·javascript·vue.js
xiaohe0717 小时前
超详细 Python 爬虫指南
开发语言·爬虫·python
嗑嗑嗑瓜子的猫17 小时前
Java!它值得!
java·开发语言
xiaoshuaishuai818 小时前
C# GPU算力与管理
开发语言·windows·c#