下载资源包 框架 npm create react-app (自定义文件名称)
在文件终端写入 npm run eject 解开后台文件夹
下载 npm install mockjs // 使用进行模拟数据 var Mock = require('mockjs'); var data = Mock.mock({ 'list|1-10': [{ 'id|+1': 1 }] });
写出数据接口内容自定义
devServer.app.get('/api/list', (req, res) => {
data.list与自己模拟的数据要一致
res.send(data.list)
})
前台接受数据接口
创建文件 (自定义命名为js)
下载 npm i axios
import axios from 'axios'
export const getList=()=>axios.get('/api/list')
在页面写入
快捷方式 rfc
import React, { useState, useEffect } from 'react'
useEffect(() => {
(
async ()=>{
let res=await getList()
if(res.status==200)
{
查看数据
console.log(res);
}
}
)()
}, [])