简介
stand-in 是一个用于前端开发中模拟 API 数据的 npm 包。使用 stand-in 可以避免依赖后端 API 接口，加快前端项目开发速度。
安装
在命令行中运行以下命令进行安装：
npm install stand-in --save-dev
使用
创建 mock 数据文件
在项目根目录下创建一个名为 stand-in.config.js 的配置文件，并在其中定义 API 接口对应的 mock 数据。例如：
-- -------------------- ---- -------
-------------- - -
------------ -
-
--- --
----- -----
---- ---
---- ---
--
-
--- --
----- -----
---- ---
---- ---
-
--
--------------- -
-
--- --
------ ------
-------- -----
--
-
--- --
------ ------
-------- -----
-
-
-启动 mock 服务器
在命令行中运行以下命令启动 mock 服务器：
npx stand-in
默认情况下，mock 服务器会监听 3000 端口，可以在浏览器中访问 http://localhost:3000/api/user 和 http://localhost:3000/api/article 查看 mock 数据。
在项目中使用 mock 数据
在项目中使用 Ajax 或 Fetch 发送请求时，将请求地址修改为 mock 服务器地址即可。例如：
-- -------------------- ---- -------
-- -- ------ - ---- -- --- --
--------
---- ---------------------------------
----- ------
-------- -------------- -
-----------------
-
--
-- -- ----- -- ---- --
------------------------------------------ -
------- -------
-------- -
--------------- ------------------
--
----- ----------------
------ ------
-------- -----
--
--------------------- -
------ ----------
---------------------- -
-----------------
--注意事项
stand-in只是用于开发阶段的 mock 数据，不应该用于生产环境。- 在真实后端 API 接口上线前，应当及时删除对应的 mock 数据。
结语
stand-in 是一款非常实用的前端开发工具，能够大大提高开发效率。通过本文的学习，相信读者已经能够轻松地使用 stand-in 创建 mock 数据并进行前端开发了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/50532