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的可用于生产环境的前端项目，提升前端开发体验。