测试平台开发:(10)axios请求后端接口

本文介绍了使用axios在前端React应用中调用Django后端接口进行用户注册的流程。通过npm安装axios,修改App.js文件,成功发送POST请求。尽管注册功能完成,但遇到了跨域和时区问题,将在后续文章中解决。
摘要由CSDN通过智能技术生成

上一篇:测试平台开发:(9)注册功能页面开发_sinat_23377479的博客-CSDN博客

注册功能页面写完后,开始接接口。使用到axios,这是一个基于 promise 的网络请求库,可以用于浏览器和 node.js。

安装axios命令:

npm install --save axios

安装完成后,继续修改App.js文件:

改动的地方已加上注释。

import { Form, Input, Button, Checkbox } from 'antd';
import './App.css';
import axios from 'axios'; // 引入axios
import React  from 'react'; // 引入React

const App = () => {
  const formRef = React.createRef();
  const onFinish = () => {
    const {username,password}=formRef.current.getFieldsValue(); // 获取输入框的用户名的密码
    let data=new FormData();
    data.append('username',username);
    data.append('password',password);
// 请求我们之前开发的后端接口
    axios
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天天向上的spookypop

喜欢不吝点桃心,土豪也可赏酒钱

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值