关于nuxt.js:nuxt-使用-jsonserver-搭建后台

json-server 是一款基于 Node.js 的服务器，为前端开发人员能够提供一个高仿真的 RESTFul 后盾服务（数据原型），最让人欢喜的是，整个服务的搭建过程不须要编写任何代码，最快只须要 1 分钟。
配合上 mock，就能够随机生成后端数据了。

1，装置

npm install -g json-serve

原本是打算应用 yarn add -g json-server 或 yarn add json-server 装置，但最初都不能失常应用。于是采纳了 npm 装置。

2，应用

2.1 编写数据文件。

为了测试临时先将数据存到了 src/static/jsonData/mockTest.js

// 用 mockjs 模仿生成数据
const Mock = require('mockjs');

module.exports = () => {
  // 应用 Mock
  const data = Mock.mock({
   "list|10": [
      {
        "id|+1": 1,
        email: "@EMAIL",
      },
    ],
  });
  // 返回的 data 会作为 json-server 的数据
  return data;
};

应用 mock 随机生成 10 个数据。

2.2 启动 json-server 服务

留神：须要进入到数据文件的层级，执行以下命令

 json-server --watch --host 0.0.0.0 --port 3001 mockTest.js

设置 –host 0.0.0.0 就能够应用本机 IP 拜访。
如下图所示，示意，启动胜利。

通过本机 IP 就能够拜访数据了

至此，就能够像失常接管 API 一样，在前端接收数据了。