如何利用fis3来模拟后台返回数据

最新推荐文章于 2025-08-11 13:45:09 发布

转载最新推荐文章于 2025-08-11 13:45:09 发布 · 69 阅读

文章标签：

#json #前端 #ViewUI

本文介绍如何使用FIS3快速搭建本地Web服务，并详细说明了安装步骤、配置过程及模拟数据的准备方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Node 版本要求 0.8.x，0.10.x, 0.12.x，4.x，6.x，不在此列表中的版本不予支持。最新版本 node 支持会第一时间跟进，支持后更新支持列表

1.安装fis3

npm install -g fis3

安装完成后执行 fis3 -v 判断是否安装成功，如果安装成功，则显示类似如下信息：

$ fis3 -v

 [INFO] Currently running fis3 (/Users/Your/Dev/fis3/dev/fis3)

  v3.0.0

   /\\\\\\\\\\\\\\\  /\\\\\\\\\\\     /\\\\\\\\\\\
   \/\\\///////////  \/////\\\///    /\\\/////////\\\
    \/\\\                 \/\\\      \//\\\      \///
     \/\\\\\\\\\\\         \/\\\       \////\\\
      \/\\\///////          \/\\\          \////\\\
       \/\\\                 \/\\\             \////\\\
        \/\\\                 \/\\\      /\\\      \//\\\
         \/\\\              /\\\\\\\\\\\ \///\\\\\\\\\\\/
          \///              \///////////    \///////////

2.启动本地 Web Server

fis3 server start -p 1000（自定义端口）

3.在命令行输入

fis3 server open

打开server所指向文件夹。

4.准备模拟数据，如 sample.json 文件，放在服务器的 /mock/sample.json 目录，确保通过 http://127.0.0.1:1000/mock/sample.json 可访问到。

备注：可以通过http://beta.json-generator.com/VJ9SMwCdf批量生成模拟数据。

{
 "error": 0,
 "message": "ok",
 "data": {
   "uname": "foo",
   "uid": 1
 }
}

5.准备一个 server.conf 配置文件，放在服务器目录的 /mock/server.conf，内容如下。

rewrite ^\/api\/user$ /mock/sample.json

6. 当你请求 http://127.0.0.1:1000/api/user 的时候，返回的就是 sample.json 中的内容

7. 最后自己在前端代码调用即可。

参考：http://fis.baidu.com/fis3/docs/beginning/intro.html