常用Mock方案 配置 json server

REST API

一句话总结： URL  代表  资源/对象,  method代表行为

PUT 替换

PATCH 修改 

public 下的robots.txt

Disallow: 后加指定路由  不允许搜索引擎访问

 

配置json-server

npm i json-server-g

启动

json-server --watch db.json   // db.json 为自己设定的json文件

在postman上执行  // http://localhost:3000/users

// 就会得到已设定好的值

// 也可以 如图所示 模拟后台给前端传值

 

// 此时发现 本地json 文件已经改变

 如何在项目中嵌入json-server   

首先  npm json-server -D      如果失败    使用cnpm 安装

在编辑器中创建一个  文件夹  __json-server-mock__

配置启动项 

在package.json 文件下的 scrips 中配置

 

   "json-server": "json-server __json-server-mock__/db.json --watch --port 3001"   把端口改成3001   防止 与 端口3000 冲突

此时打开npm     输入指令  npm run json-server  此时  成功在项目中启动json-server  运行成功如下图所示

 

encodeURIComponent('')  转义

decodeURIComponent('')  括号内是转义后的编码  能查看  输入的是什么

 

设置路径  创建,env       ,env.development   2个路径文件      npm start    系统默认执行本地路径   REACT_APP_API_URL=http://localhost:3001     npm run build  执行   .env 中的路径     REACT_APP_API_URL=http://localhost:3001

// 安装qs    npm i qs