axios学习!(配置 、get、post请求、qs配置、写法

简介:

一、配置

1、安装axios: npm install axios

2、引用axios:在需要使用的页面中引用

import axios from 'axios'


二、get方法使用

get请求使params传参本文只列举常用的参数!^^)

 axios({
      url: "", // url
      params: {
        // 参数
        name: xxx,
        age: xxx,
      },
    })
      .then(function (res) {
        console.log(res); // 成功回调
      })
      .catch(function (err) {
        console.log(err); // 失败回调
      });

三、post使用方法

post请求使用data传参,需要使用 qs 处理参数


四、qs配置

qs是axios的一个数据序列化工具,可通过 npm install qs 命令进行安装,然后在需要的页面引用

import axios from 'axios'
import qs from 'qs'

方法:qs.parse()、qs stringify()

qs.stringify()将对象序列化成URL的形式,以&进行拼接

qs.parse()将URL解析成对象的形式


五、写法

 axios({
      method: "post", //请求方式
      url: "", //url
      data: qs.stringify({
        // 参数
      }),
    })
      .then(function (res) {
        console.log(res); //成功回调
      })
      .catch(function (err) {
        console.log(err); //失败回调
      });
相关文章
|
19天前
|
JSON 前端开发 JavaScript
axios请求成功而$.ajax却不行排错
axios请求成功而$.ajax却不行排错
13 2
|
1天前
|
JavaScript
axios拦截器:每次请求自动带上 token
axios拦截器:每次请求自动带上 token
6 0
|
3天前
|
前端开发 JavaScript 数据格式
vue3中axios添加请求和响应的拦截器
vue3中axios添加请求和响应的拦截器
11 1
|
18天前
|
存储 算法 JavaScript
< 今日小技巧:Axios封装,接口请求增加防抖功能 >
今天这篇文章,主要是讲述对axios封装的请求,由于部分请求可能存在延时的情况。使得接口可能存在会被持续点击(即:接口未响应的时间内,被持续请求),导致重复请求的问题,容易降低前后端服务的性能!故提出给axios封装的配置里面,新增一个防抖函数,用来限制全局请求的防抖。
< 今日小技巧:Axios封装,接口请求增加防抖功能 >
|
1月前
|
JavaScript
vue封装axios(用interceptors封装)
vue封装axios(用interceptors封装)
13 0
|
1月前
|
JSON 前端开发 JavaScript
3分钟让你学会axios在vue项目中的基本用法(建议收藏)
3分钟让你学会axios在vue项目中的基本用法(建议收藏)
78 0
|
3月前
|
XML JavaScript 前端开发
axios如何在vue中使用
axios如何在vue中使用
29 1
|
19天前
|
JSON JavaScript 前端开发
< 每日份知识快餐:axios是什么?如何在Vue中 封装 axios ? >
本文介绍了前端开发中常用的HTTP客户端库Axios,它基于Promise,支持浏览器和Node.js,特点是功能强大、支持Promise API和并发请求,并能拦截请求和响应。文章强调了理解Axios的内部原理和优化使用的重要性,不仅讲解了基本的安装、导入和使用方法,还阐述了为何选择Axios,包括其丰富的配置选项和良好的浏览器支持。此外,文章探讨了封装Axios的必要性,以减少重复代码和提高代码维护性,并给出了设置接口请求前缀、请求头、超时时间以及封装请求方法和拦截器的示例。通过封装,开发者可以更高效地管理和使用Axios,适应不同项目需求。
|
25天前
|
JSON 前端开发 JavaScript
Vue+Axios+SpringBoot后端同时接收文件和json作为请求参数
Vue+Axios+SpringBoot后端同时接收文件和json作为请求参数
38 0
|
1月前
|
前端开发 应用服务中间件 nginx
Vue+SpringBoot+Axios的跨域问题
Vue+SpringBoot+Axios的跨域问题
20 0