MirageJS与vuejs开发前端没有任何实际后端API

我们都知道MirageJS创建于5年前,目前在Ember社区中大量使用MirageJS功能。

Mirage JS无需依赖API,而是主要是解决了测试后端API的难题,它通过模拟生产API来提供无缝的前端开发体验。

Mirage JS是针对Vue.js,React,Angular和Ember框架的API模拟库。

我们选择Mirage是觉得它轻巧但功能强大,我们需要Vue.js协作才能更完美发挥它的技能。

因此,既然我们知道Mirage JS是什么了,以及为什么它对前端开发工作流程很重要,那么让我们看一下如何使用渐进式Web框架Vue.js对其进行设置。

创建一个Vue项目

使用Vue CLI,进入要在其中创建项目并在其中运行(在终端中)的目录,以创建一个新的Vue.js项目:

vue create miragejs-demo-vue

上面的命令将建立一个新的Vue项目,现在可以使用yarn serve或npm run serve运行项目。

安装Mirage JS

现在,通过运行以下命令,在我们的Vue.js项目中将 Mirage JS安装为开发依赖项:

yarn add -D miragejs

或者,如果正在使用NPM,请运行以下命令:

npm install --save-dev miragejs

这样MirageJS现在已安装在我们的Vue.js项目中,安装Mirage JS后,可以模拟实验API。

首先,需要在Vue.js项目的目录中创建一个server.js文件。

server.js

首先,server.js文件是设置MirageJS的方式,以创建它的模拟(假)服务器的新实例,该实例将拦截在应用程序中进行的所有API调用,它们均与定义的路由相匹配。

使用好MirageJS与vuejs,解决的问题建没有任何实际后端API的可用于生产环境的前端项目,提升前端开发体验。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200215A0REA600?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券