如何用express在vue-cli项目中实现mock数据功能？

本文共计665个文字，预计阅读时间需要3分钟。

前言+当前前后端分离的开发越来越普遍，前端人员写好页面后，可以自行模拟一些数据来进行代码测试，这样就不必等待后端接口，提高了开发效率。今天就来分析一下前端常用的一些mock数据方法。

前言

现如今前后端分离开发越来越普遍，前端人员写好页面后可以自己模拟一些数据进行代码测试，这样就不必等后端接口，提高了我们开发效率。今天就来分析下前端常用的mock数据的方式是如何实现的。

主体

项目是基于vue-cli的，首先必须搭建好vue项目环境。如果有同学不知道如何搭建vue项目，可以参考我的另外一篇文章。因为mock数据需要借助node.js中express框架，所以必须先在项目中安装npm install express --save。

搭建完基础后，我们在src文件下创建一个mock文件，用来存放我们模拟数据。因为现在大多后台返回数据类型为json格式，所以我们在mock文件下创建一个user.json文件。