企业内网环境中基于Mock.js的前端应用独立调试方法

秦子实

摘要：在企业内网环境中，前端应用与后端服务之间的联合调试过程一直存在着过程烦琐、效率较低等问题。因此，在企业内网的开发环境中，需要一种能够对前端应用进行独立开发、测试、调试的方法。该方法应当具备良好的可拓展性，能够监听并选择性拦截前端请求，并能够返回自定义的响应。该文将绕过传统的搭建mock server的方式，通过直接将Mock.js集成在前端应用中处理请求并返回响应，给出一种能够独立调试前端应用的方法及过程实践。

关键词：企业内网；前端应用；mockjs；Ajax

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2018）17-0054-03

1 概述

随着React、Vue、Angular等前端框架的成熟，越来越多的B/S项目选择使用此类基于前端框架作为前端应用的核心，然而此类框架也带来一个问题——复杂的包依赖关系。由于企业业务的多样化，基于前端框架的应用研发通常涉及如模型状态管理、异步请求管理、前端组件管理、数据可视化绘制等功能，这些功能通常以npm包的形式通过Node包管理系统分发。在企业内网环境下，这种带有依赖关系的树形结构的安装调试较为烦琐，因此，应当在互联网上完成整套前端代码的开发与测试，再将测试完成的前端应用一次性打包部署在企业内网环境中。

该文介绍了将Mock.js直接集成在前端发环境中的方法，通过Mock.js模拟隔离内网环境中的后端服务器，为前端应用模拟自定义响应数据。

2 Mock.js技术简介

Mock.js是一款在前端应用研发中拦截Ajax请求并返回自定义随机数据响应的工具，可以用来模拟后端服务器的响应。……