我们都知道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安装为开发依赖项：
yarnadd-D miragejs
或者，如果正在使用NPM，请运行以下命令：
npminstall--save-dev miragejs
这样MirageJS现在已安装在我们的Vue.js项目中，安装Mirage JS后，可以模拟实验API。
首先，需要在Vue.js项目的目录中创建一个server.js文件。
server.js
首先，server.js文件是设置MirageJS的方式，以创建它的模拟（假）服务器的新实例，该实例将拦截在应用程序中进行的所有API调用，它们均与定义的路由相匹配。
使用好MirageJS与vuejs，解决的问题建没有任何实际后端API的可用于生产环境的前端项目，提升前端开发体验。
头条号入驻
4000520066 欢迎批评指正
All Rights Reserved 新浪公司 版权所有
