[发明专利]页面处理方法、装置、计算机设备及存储介质

说明书

本申请为页面处理技术领域，本申请提供了一种页面处理方法、装置、计算机设备及存储介质，其中，所述方法包括：响应于多页面切换成单页面的切换请求，判断当前页面项目中是否引入了vue‑router库文件，若是，根据切换请求的请求类型，确定页面切换时的跳转路径的获取方式，根据获取方式获取跳转路径，获取单页面包含的跳转代码，根据单页面的跳转代码生成链表数据结构，将链表数据结构添加至跳转路径，得到目标跳转路径，根据目标跳转路径切换到单页面，以完成多页面自动切换到单页面，操作简单。

技术领域

本申请涉及页面处理技术领域，具体而言，本申请涉及一种页面处理方法、装置、计算机设备及存储介质。

背景技术

当前前端vue框架项目中，由于前期出于搜索引擎优化的原因，选择了多页面形式，但随着服务器渲染SSR在项目中的普及，以及公司业务不再依赖于搜索引擎引导用户点击，多页面的形式变得不再重要。由于多页面存在页面加载性能慢，每次跳转新的页面都需要初始化加载和解析静态资源，操作繁琐，用户体验也较差。

发明内容

本申请的主要目的为提供一种页面处理方法、装置、计算机设备及存储介质，以简化页面切换流程，提高用户体验。

为了实现上述发明目的，本申请提供一种页面处理方法，其包括以下步骤：

响应于多页面切换成单页面的切换请求，判断当前页面项目中是否引入了vue-router库文件；

若是，根据所述切换请求的请求类型，确定页面切换时的跳转路径的获取方式，根据所述获取方式获取跳转路径；

获取所述单页面包含的跳转代码，根据所述单页面的跳转代码生成链表数据结构；其中，所述链表数据结构包括多页面的vue组件路径和名称、所述单页面的vue组件路径和名称；

将所述链表数据结构添加至所述跳转路径，得到目标跳转路径；

根据所述目标跳转路径切换至所述单页面。

优选地，所述判断当前的页面项目中是否引入了vue-router库文件，包括：

获取当前页面项目中的package.json文件的dependencies对象；

判断所述dependencies对象内是否包含vue-router键值对；

若是，则判定当前项目引入了vue-router库文件；

若否，则将所述vue-router库文件引入当前页面项目中。

进一步地，所述响应于多页面切换成单页面的切换请求之前，还包括：

响应于工具引入命令，定位当前页面项目的根目录及项目路径；

根据所述项目路径获取工具，将所述工具加入到当前页面项目的根目录中；其中，所述工具用于响应多页面切换成单页面的切换请求。

进一步地，所述将所述链表数据结构添加至所述跳转路径，得到目标跳转路径之后，还包括：

根据所述链表数据结构中单页面的多个路由以及每个所述路由关联的子路由，计算每个路由及其关联的子路由总的资源文件大小；

当单个路由及其关联的子路由的资源文件大小大于预设值时，查询子路由中资源最大的一个，将最大子路由对应组件的指向进行改写，以将该子路由根据需要进行加载。

进一步地，所述根据所述目标跳转路径切换至所述单页面之后，还包括：

响应于用户输入的页面恢复指令，根据所述页面恢复指令从所述单页面切换到所述多页面，并对所述多页面进行恢复。

优选地，所述根据所述目标跳转路径切换至所述单页面，包括：