React学习笔记---脚手架配置代理（React ajax）

一、理解

1. React本身只关注于界面, 并不包含发送ajax请求的代码
2. 前端应用需要通过ajax请求与后台进行交互(json数据)
3. react应用中需要集成第三方ajax库(或自己封装)

二、常用的ajax请求库

1. jQuery: 比较重, 如果需要另外引入不建议使用
2. axios: 轻量级, 建议使用
   1. 封装XmlHttpRequest对象的ajax
   2. promise风格
   3. 可以用在浏览器端和node服务器端

三、配置代理的第一种方法

用一个示例去说明使用
看一下App.jsx

import React, {
    Component } from 'react'
import axios from 'axios'
export default class App extends Component {
   
  getStudent = () => {
   
    axios.get('http://localhost:5000/students').then(response => {
   
      console.log("请求成功", response.data);
    }, error => {
   
      console.log("请求失败")
    })
  }
  render () {
   
    return (
      <div>
        <button onClick={
   this.getStudent}>点我请求学生数据</button>
      </div