react axios 的使用方法

简介: react axios 的使用方法

1.首先在项目文件打开cmd命令行输入

npm install axios

然后在你需要的文件里import引入就可以了

import axios from 'axios'

然后在生命周期里填写或者写到时间里就可以使用了

生命周期

componentDidMount() {
      let that = this;
    axios({
      method:'post',
      url:'',
      data:qs.stringify({})
    }).then(function (res) {
        console.log(res.data.data);
      that.setState({
        list:res.data.data
      })
    });
    }

函数事件里

search=()=>{
    axios({
      method:'post',
      url:'',
     data:qs.stringify({
     })
    }).then(function (res) {
      console.log(res)
    });
  }
相关文章
|
12月前
|
前端开发 JavaScript
React配合axios请求拦截校验session,403跳转至登陆页面
React中使用axios进行请求拦截,通过自定义事件监听和响应拦截实现403状态码时的自动登录页面跳转。
411 2
|
前端开发 JavaScript CDN
React 在 html 中 CDN 引入(包含 useState、antd、axios ....)
React 在 html 中 CDN 引入(包含 useState、antd、axios ....)
484 0
|
前端开发 CDN
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
1523 0
|
前端开发
React Hooks - useState 的使用方法和注意事项(1),web前端开发前景
React Hooks - useState 的使用方法和注意事项(1),web前端开发前景
|
JSON JavaScript 前端开发
Axios 的使用方法
Axios 的使用方法
157 0
|
前端开发 CDN
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
React 在 html 中 CDN 引入(包含useState、antd、axios ....)
291 0
|
JSON 前端开发 API
React+Axios调用api并且渲染在前端界面
React+Axios调用api并且渲染在前端界面
259 0
|
前端开发
【React】React+TS 前端工程化 Axios二次封装
【React】React+TS 前端工程化 Axios二次封装
862 0
|
前端开发 容器
react map使用方法详解
react map使用方法详解
995 0
|
前端开发
React-22:React脚手架配置axios代理
React-22:React脚手架配置axios代理
353 0
React-22:React脚手架配置axios代理

热门文章

最新文章

  • 1
    vue引入axios出现Module parse failed: Unexpected token (5:2)
    434
  • 2
    基于SqlSugar的开发框架循序渐进介绍(10)-- 利用axios组件的封装,实现对后端API数据的访问和基类的统一封装处理
    172
  • 3
    Vue中的axios深度探索:从基础安装到高级功能应用的全面指南
    260
  • 4
    JavaScript 使用axios库发送 post请求给后端, 给定base64格式的字符串数据和一些其他参数, 使用表单方式提交, 并使用onUploadProgress显示进度
    1056
  • 5
    若依修改,若依如何发送请求---王清江07,axios的请求在request.js文件中,若依发送GET请求,必须用param
    585
  • 6
    axios发送post请求,如何接受和返回一个axios的字段,解决bug的方法,困难的事情先从简单做起,先从发送一个axios的post请求做起,解决方法查别人的资料,查看F12看network就行
    125
  • 7
    文本,前后端数据交互,简单请求,如何去给data数据赋值,在mounted()里赋值,利用axios发送的请求,res就是数据集,就是后端的数据,this.users = res.data.data
    106
  • 8
    Request failed with status code 400,使用axios.post要发送参数,认真比对原项目,看看有没有忘记什么?
    339
  • 9
    vue3 在 watchEffect 里中断未完成的 axios 请求(只保留最后一次请求的方法---连续点击查询按钮的优化)
    253
  • 10
    前后端数据交互.js文件的axios的写法,想要往后端发送数据,页面注入API,await的意思是同步等待服务器数据,并返回,axios注入在其他页面,其他页面调用的时候,同步作用
    137