react在脚手架中如何引入axios

1. 在终端中进入该脚手架
2. 输入npm add axios
3. 在想要使用axios的组件中import axios
   

在react脚手架中配置proxy有什么作用

proxy是代理的意思

1. 使用脚手架react界面发送axios请求可能会遇到跨域问题。
2. 配置proxy，值为想要访问的服务器端口。
3. 在之后访问服务写URL地址时，可以直接写脚手架的地址。
   （1）如果脚手架中找到了该文件，则返回脚手架中的文件。
   （2）如果教授家中没有找到该文件，则去proxy所配置的路径中寻找文件，且能解决跨域的问题。
4. 例如，我脚手架运行在3001端口，去访问本机3000端口的posts，当我配置了proxy之后，可以将路径写成3001端口的posts。这样即使3001端口没有posts，也可以访问到3000端口的posts。

import "./App.css";
import React, { Component } from "react";
import axios from 'axios'

export default class App extends Component {

  getData=()=>{
    axios.get('http://localhost:3001/posts').then(
      response=>{console.log(response.data);},
      error=>{console.log(error);}
    )
  }
  render() {
    return (
      <div className="App">
        <button onClick={this.getData}>点我获取学生数据</button>
      </div>
    );
  }
}