在vue-cli搭建的项目中,框架上用的是express的web框架,要做一个mock是很方便的。接下来就在项目中实现mock功能。执行命令,安装脚手架创建的组件和build、config等文件夹同级创建一个mock文件夹。为了要mock一个获取新闻列表的数据接口,我们在mock文件夹下创建一个名为“router-news.js”的文件。在命令行中执行命令运行项目。运行后,在浏览器的地址栏中补上mock的url并访问,就能看到mock的数据了,很方便。

在vue-cli搭建的项目中增加后台mock接口的方法

在vue-cli搭建的项目中增加后台mock接口的方法

在vue-cli搭建的项目中增加后台mock接口的方法