[发明专利]一种前端工程的接口切换方法、系统、装置和存储介质

说明书

本发明公开了一种前端工程的接口切换方法、系统、装置和存储介质，方法包括以下步骤：获取用户在开发环境中输入的命令中所带的参数；根据参数判断是否使用模拟数据服务器，若是，则配置http代理中间件的转发路径和转发规则，对前端工程的所有请求的URL进行配置；反之，则不对http代理中间件进行配置，根据设定值将前端工程的所有请求的URL配置为后端工程的URL。本发明通过在开发环境中获取用户输入的命令中的参数，根据参数自动对http代理中间件和前端工程的所有请求的URL进行配置，本发明免除了用户在开发过程中手动修改文件时带来的麻烦，提升了在开发环境中接口切换的效率。本发明可以广泛应用于软件开发领域。

技术领域

本发明涉及软件开发领域，尤其是一种前端工程的接口切换方法、系统、装置和存储介质。

背景技术

近几年前后端完全分离的思想和其高效、多端支持、强交互的特点逐渐被认可，越多越多的前端开发者使用不同的框架构建前端工程，实现前后端完全分离开发。此开发模式在开发之初开发人员之间协商好接口的路径和json数据格式，前端使用模拟数据服务器/工具开始不依赖于后端的开发工作，待后端接口开发完成，只需将原来前端模拟数据服务器的路径改成后端真实的服务器路径即可实现真实的对接联调。开发过程中，前端专注展示和页面流，后端专注数据和接口，前后端并行高效地进行开发。

前端模拟数据服务器的方案也是多种多样，有mock.js、faker.js、json-server和使用node.js的静态的json文件服务器等方式。而采用json-server和json文件服务器的解决方案是通过http代理中间件http-proxy-middleware转发请求来实现的，但是采用这种方案需要通过手工更改开发环境中的配置和前端工程的配置来实现，在开发过程中需要频繁在模拟数据服务器和后端接口之间切换，采用该方法的效率特别低。

发明内容

为解决上述技术问题，本发明的目的在于：提供一种高效的前端工程的接口切换方法、系统、装置和存储介质。

本发明所采取的第一种技术方案是：

一种前端工程的接口切换方法，包括以下步骤：

获取用户在前端工程的开发环境中输入的命令中所带的参数；

根据所述参数判断是否使用模拟数据服务器，

若是，则根据所述参数配置http代理中间件的转发路径和转发规则，然后根据所述参数对前端工程的所有请求的URL进行配置；

反之，则不对http代理中间件进行配置，然后根据设定值将前端工程的所有请求的URL配置为后端工程的URL。

进一步，所述根据所述参数对前端工程的所有请求的URL进行配置，这一步骤具体包括：

根据所述参数在前端工程的所有请求的URL中添加转发标识，以使http代理中间件根据所述转发标识转发前端工程的请求。

进一步，所述模拟数据服务器包括json文件服务器和json-sever。

进一步，所述根据所述参数配置http代理中间件的转发路径和转发规则，这一步骤具体包括：

根据所述参数将http代理中间件的转发路径配置为json文件服务器的路径或者json-sever的路径；

根据所述参数配置http代理中间件的转发规则。

进一步，所述开发环境为webpack开发环境。

本发明所采取的第二种技术方案是：

一种前端工程的接口切换系统，包括：

参数获取模块，用于获取用户在前端工程的开发环境中输入的命令中所带的参数；