day_002.md

day 2

使用json-server mock模拟数据

github 地址

npm install -g json-server

创建db.json 插入

{
  "users": []
}

运行

json-server --watch db.json

自己项目下使用

 yarn add json-server -D
 
 创建__json_server_mock__ 文件夹
 创建db.json 插入
 {
  "users": []
  }

package.json里面创建运行脚本,重新设置端口号

  "scripts": {
    ...
    "json_server": "json-server __json_server_mock__/db.json --watch --port 3006"
  },

运行 yarn json_server

接口使用

GET    /posts
GET    /posts/1
POST   /posts
PUT    /posts/1 替换 完整的
PATCH  /posts/1 修改 某个参数
DELETE /posts/1


例如：
http://localhost:3000/users

根据打包环境使用不同的apiUrl

// 创建.env和.env.development文件
分别写入
REACT_APP_API_URL=http://online.com
REACT_APP_API_URL= http://localhost:3006

使用
const apiUrl = process.env.REACT_APP_API_URL;