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){}):失败时返回的信息

相关推荐
元直数字电路验证24 分钟前
HTML 标签及推荐嵌套结构
前端·javascript·html
charlie11451419125 分钟前
HTML 理论笔记
开发语言·前端·笔记·学习·html·1024程序员节
郝学胜-神的一滴30 分钟前
Linux中的`fork`函数详解:深入解析
linux·服务器·开发语言·c++·算法
刚子编程31 分钟前
ASP.NET Core Blazor 路由配置和导航
服务器·javascript·.netcore·blazor
知识分享小能手40 分钟前
uni-app 入门学习教程,从入门到精通,uni-app 企业项目实战:鲁嗑瓜子项目开发知识点(9)
前端·javascript·学习·微信小程序·小程序·uni-app·vue
曾凡宇先生1 小时前
无法远程连接 MySQL
android·开发语言·数据库·sql·tcp/ip·mysql·adb
皓月Code1 小时前
第四章、路由配置
前端·javascript·react.js·1024程序员节
你的电影很有趣2 小时前
lesson77:Vue组件开发指南:从基础使用到高级通信
javascript·vue.js·1024程序员节
Q一件事2 小时前
R语言随机森林分析显示R方和P值
开发语言·随机森林·r语言
Mr.Jessy2 小时前
JavaScript学习第六天:函数
开发语言·前端·javascript·学习·html·1024程序员节