1,在package.json文件里加上

  "proxy":"http://localhost:3000"

image.png

2,然后 执行npm start

3,把json放到public目录下

image.png

4,app.js

注意方法一定要是GET；POST无法请求本地数据的。

import React from 'react';
import './App.css';


class Notes extends React.Component{
  constructor(){
    super()
    this.state={
      totalData:''
    }
  }
   
  
  handleclick(){
    fetch('./user.json', {
      method: "GET",
      headers: {
        'Content-Type': 'application/json',
        'Accept': 'application/json'
        },
     
    })
    .then(response => response.json())//解析为Promise
    .then(data => {
    
    this.setState({totalData: data})  ////赋值到本地数据
    console.log(this.state.totalData)

  })
  }
render(){
  return (
    <div className="App">
      <button onClick={this.handleclick.bind(this)}>点我发送请求</button>
    </div>
  );
}
}
export default Notes;

5,打开浏览器f12

image.png image.png