[发明专利]一种前端应用版本管理优化方法

说明书

本发明公开了一种前端应用版本管理优化方法，涉及互联网技术领域；该方法包括以下步骤：S10、前端应用项目的创建，完成该前端应用项目的功能开发；S20、创建版本管理的JSON文件，用于管理每次发版的版本号；S30、创建版本更新逻辑脚本文件，并安装网络库；S40、通过版本更新逻辑脚本文件，在该文件上实现版本检测与更新刷新功能的实现；S50、通过步骤S40得到版本更新逻辑脚本文件和更新方法，前往全局路由拦截和使用；S60、通过步骤S40得到构建好的前端应用资源包，部署到后端服务器供用户访问；本发明的有益效果是：该方法确保当前浏览器加载和显示的前端应用版本是和后端服务器上的一致。

技术领域

本发明涉及互联网技术领域，更具体的说，本发明涉及一种前端应用版本管理优化方法。

背景技术

随着互联网技术的发展，web前端应用广泛应用与移动端h5，pc端web，前端应用因其灵活性高、开发成本低、制作周期短等优势，越来越广泛的被应用。为了避免客户端APP需要频繁发版的问题，前端应用往往迭代快速和经常需要更新。

前端应用的更新后，有时会因缓存的原因造成当前浏览器加载的应用和现有服务器的应用版本不一致，或者部分资源不一致，导致页面异常，页面布局错乱等显示问题；当本地数据的存取、逻辑操作、前端应用跟后端应用的交互和应用版本有关联时，也可能会因版本更新后的缓存原因，导致逻辑处理错误，最终导致功能异常。

发明内容

为了克服现有技术的不足，本发明提供一种前端应用版本管理优化方法，该方法确保当前浏览器加载和显示的前端应用版本是和后端服务器上的一致。

本发明解决其技术问题所采用的技术方案是：一种前端应用版本管理优化方法，其改进之处在于，该方法包括以下步骤：

S10、前端应用项目的创建，完成该前端应用项目的功能开发；

S20、创建版本管理的JSON文件，用于管理每次发版的版本号；

S30、创建版本更新逻辑脚本文件，并安装网络库；

S40、通过版本更新逻辑脚本文件，在该文件上实现版本检测与更新刷新功能的实现；

S50、通过步骤S40得到版本更新逻辑脚本文件和更新方法，前往全局路由拦截和使用；

S60、通过步骤S40得到构建好的前端应用资源包，部署到后端服务器供用户访问。

进一步的，步骤S10中，使用前端开发技术Vue作为开发技术栈，通过脚手架vue-cli工具构建项目，通过源代码编辑器Visual Studio Code完成前端应用的功能编写。

进一步的，步骤S20中，创建版本管理的轻量级数据交换格式文件JSON文件，每次发版时，按迭代版本更新版本信息。

进一步的，步骤S30中，包括以下的步骤：

S301、前往当前前端应用项目的代码目录src下，新建工具类目录utils，在utils目录下创建版本更新逻辑脚本versionUpdate.js文件，用于编写版本检测以及更新逻辑；

S302、前往当前前端应用项目所在目录下的终端，执行安装vue下的网络库axios命令npm install axios--save-dev，安装网络库axios。

进一步的，步骤S40中，前往版本更新逻辑脚本versionUpdate.js文件实现版本更新缓存处理，包括以下步骤：

S401、对网络库axios引入操作import axios from'axios'，并启用网络请求插件；

S402、定义箭头函数const isNewVersion＝()＝{}，用于检测版本更新，以及版本更新的逻辑操作处理；