2023年7月7日发(作者：)

龙源期刊网

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

作者：秦子实

来源：《电脑知识与技术》2018年第17期

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

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

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

1 概述

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

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

2 技术简介

是一款在前端应用研发中拦截Ajax请求并返回自定义随机数据响应的工具，可以用来模拟后端服务器的响应。与传统的前端应用研发时搭建mock server的方式有很大不同，传统的mock server具有以下特点：

优点：通常会采用一个简化的后端服务器，通过接收http请求，处理数据，最终返回响应数据，因此能够更加真实的模拟后端环境；

缺点：搭建后端服务器代价较大，对开发环境有较高要求，在企业内网的隔离开发环境中难以实现，在遇到接口变更时需要重新编写后端代码；