CN117234509A - 一种前端页面的路由管理方法、装置、设备及存储介质 - Google Patents

Abstract

本发明公开了一种前端页面的路由管理方法、装置、设备及存储介质，该前端页面的路由管理方法包括：响应于页面代码文件的编辑指令，在页面代码文件中设置自定义标签；确定路由配置文件，并将路由配置文件集成在页面代码文件所在的项目工程；基于路由配置文件对项目工程中的页面代码文件进行处理，得到项目工程的路由数据表，并写入路由统一注册文件中。通过上述技术方案，能够有效降低项目工程中各业务模块的耦合和路由配置的复杂度，同时降低了项目工程的研发成本，提升研发效率。

Description

一种前端页面的路由管理方法、装置、设备及存储介质

技术领域

本发明涉及互联网技术领域，尤其涉及一种前端页面的路由管理方法、装置、设备及存储介质。

背景技术

基于vue(Visual User Environment，可视用户环境)研发的项目工程，vue路由建设是必不可少的一环，而在vue路由建设过程中非常考验团队成员之间的协作，若团队协作稍有不慎，项目工程下的整个路由数据文件极易发生冲突。

目前大部分软件企业还是采用传统集中式模式实现vue路由建设，这种传统模式过于依赖人工操作，会受限于研发人员技能、研发质量、代码运维、协同开发等多方面因素影响，使得业务系统的研发与运维成本都很高。因此，亟需一种前端页面的路由管理方法。

发明内容

本发明提供了一种一种前端页面的路由管理方法、装置、设备及存储介质，以提高项目的开发效率，同时降低项目的运维成本。

根据本发明的一方面，提供了一种前端页面的路由管理方法，包括：

响应于页面代码文件的编辑指令，在所述页面代码文件中设置自定义标签；其中，所述自定义标签用于存储所述页面代码文件对应的前端页面的路由信息；

确定路由配置文件，并将所述路由配置文件集成在所述页面代码文件所在的项目工程；

基于所述路由配置文件对项目工程中的页面代码文件进行处理，得到所述项目工程的路由数据表，并写入路由统一注册文件中。

根据本发明的另一方面，提供了一种前端页面的路由管理装置，包括：

标签设置模块，用于响应于页面代码文件的编辑指令，在所述页面代码文件中设置自定义标签；其中，所述自定义标签用于存储所述页面代码文件对应的前端页面的路由信息；

配置文件确定模块，用于确定路由配置文件，并将所述路由配置文件集成在所述页面代码文件所在的项目工程；

路由注册模块，用于基于所述路由配置文件对项目工程中的页面代码文件进行处理，得到所述项目工程的路由数据表，并写入路由统一注册文件中。

根据本发明的另一方面，提供了一种电子设备，所述电子设备包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本发明任一实施例所述的前端页面的路由管理方法。

根据本发明的另一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本发明任一实施例所述的前端页面的路由管理方法。

本发明实施例的技术方案，通过将项目工程的路由数据信息分片存储在项目工程中各页面对应的页面代码文件中，有效降低项目工程中各业务模块的耦合和路由配置的复杂度，同时减少参与项目工程的团队成员之间协作的冲突和错误，提高团队成员的整体协作效能，降低了项目工程的研发成本，提升研发效率，且通过路由配置文件完成项目工程的路由数据的重组和注册，无需人工介入，进一步减少了错误发生的几率。

应当理解，本部分所描述的内容并非旨在标识本发明的实施例的关键或重要特征，也不用于限制本发明的范围。本发明的其它特征将通过以下的说明书而变得容易理解。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是根据本发明实施例一提供的一种前端页面的路由管理方法的流程图；

图2是根据本发明实施例二提供的一种前端页面的路由管理方法的流程图；

图3是根据本发明实施例三提供的一种前端页面的路由管理装置的结构示意图；

图4是实现本发明实施例的前端页面的路由管理方法的电子设备的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

实施例一

图1为本发明实施例一提供了一种前端页面的路由管理方法的流程图，本实施例可适用于基于vue开发的项目工程，该方法可以由前端页面的路由管理装置来执行，该前端页面的路由管理装置可以采用硬件和/或软件的形式实现，该前端页面的路由管理装置可配置于各种通用计算设备中。如图1所示，该方法包括：

S110、响应于页面代码文件的编辑指令，在页面代码文件中设置自定义标签。

其中，自定义标签用于存储所述页面代码文件对应的前端页面的路由信息，示例性的，路由信息可以包括页面代码文件对应的前端页面的地址。可选的，该路由信息是以源码形式存在。优选的，页面代码文件可以是指以.vue为后缀的文件，在页面代码文件中自定义标签可以是指<route-config>标签。

具体的，可以响应于用户对页面代码文件的编辑指令，基于vue自定义高阶扩展技术，在页面代码文件中增加自定义标签，将与页面代码文件对应的前端页面相关的路由信息配置在该标签中，使路由信息与对应前端页面的页面代码存储在一起。

通过在源码阶段将项目工程下的路由数据从集中式存储转为分片存储在各页面代码文件下，避免了现有技术中项目工程通常设置一个路由文件或按业务模块划分的多个路由文件，用于集中式存储各页面代码文件的路由信息，造成的路由数据信息错综复杂不方便检索、易读性差，降低了由于对页面进行修改，而难以同步处理页面路由数据信息而发生的项目工程无法正常运行的故障率，以及后期对错综复杂的路由数据信息维护的维运成本。

可选的，响应于页面代码文件的编辑指令，在页面代码文件中设置自定义标签，包括：响应于页面代码文件的编辑指令，生成页面代码文件的编辑页面，并在编辑页面中添加自定义标签。

具体的，响应于用户发出的对页面代码文件的编辑指令，生成页面代码文件对应的编辑页面，用户可以在编辑页面中进行添加自定义标签。

S120、确定路由配置文件，并将路由配置文件集成在页面代码文件所在的项目工程。

其中，路由配置文件可以用以定义项目工程编译运行时的依赖规则，在本发明实施例中，路由配置文件可以用于定义项目工程编译运行过程中聚合页面代码文件中存储的路由信息的依赖规则。

具体的，通过确定路由配置文件，并将确定后的路由配置文件集成在页面代码文件所在的项目工程中，以使该项目功能能够在编译运行时实现对存储在各页面代码文件中的路由信息的聚合。

可选的，确定路由配置文件，包括：根据页面代码文件所在项目工程的项目信息，对打包工具预设的扩展接口进行配置，确定路由配置文件。

其中，项目信息可以包括项目工程的页面目录地址，需要说明的是，在项目工程的页面目录地址中存储有至少两个页面代码文件。

优选的，在本发明实施中，打包工具可以是指webpack工具，扩展接口可以是指功能扩展接口，可以用于实现自定义扩展功能。

具体的，可以根据页面代码文件所处项目工程的项目信息，对打包工具中预设的扩展接口进行配置重写，将重写后扩展接口确定为路由配置文件。

可选的，将路由配置文件集成在页面代码文件所在的项目工程，包括：将路由配置文件作为依赖包，添加到项目工程中的依赖文件，并在打包工具的配置文件中添加路由配置文件的配置信息。

优选的，在本发明实施例中，项目工程中的依赖文件可以是指项目工程根目录中创建的package.j son文件，在package.j son文件可以定义项目工程编译运行时所需的依赖项(依赖包)，示例性的，在该package.json文件通过devDependencies字段对路由配置文件进行定义。

打包工具的配置文件可以是指实现对打包工具进行需求配置的文件，示例性的，在项目工程开发的过程中，会存在一些特殊需求需要对webpack(打包文件)进行配置调整，此时，在项目工程当中，需要在其根目录创建vue.config.js文件去完成webpack的一些特殊需求配置，vue.config.js文件即指打包工具的配置文件；在一个具体的例子中，在vue.config.js文件中可以通过configureWebpack字段对路由配置文件的配置信息以函数或对象的方式进行定义，配置信息可以包括项目工程的页面目录地址以及自定义标签字段等信息。

具体的，通过将路由配置文件作为依赖包，添加到项目工程中的依赖文件，对路由配置文件进行定义，并在打包工具的配置文件中添加配置文件的配置信息对打包工具的配置文件进行修改，以此将路由配置文件集成在页面代码文件所在的项目工程。需要说明的是，在集成了路由配置文件的项目工程运行的过程中，可以通过路由配置文件可以自动生成异常路由规则，用户仅需在路由配置文件中对异常页面(如路由404页面)路径进行定义，无需关注异常路由规则定义，即可实现异常路由页面的配置，且还能支持子路由视口异常页面跳转，降低了参与项目工程开发的用户的专业技能要求，提高了项目的开发效率。

S130、基于路由配置文件对项目工程中的页面代码文件进行处理，得到项目工程的路由数据表，并写入路由统一注册文件中。

其中，路由数据表中存储了存在于项目工程中的页面代码文件中的全部路由信息。可选的，路由数据表中存储的路由信息为不能被前端页面识别的源码路由信息，统一注册文件中存储的路由信息为能够被前端页面识别的经过处理后的源码路由信息。可选的，写入路由统一注册文件的过程(即将源码路由信息处理为能够被前端页面识别的路由信息的过程)可以参考现有技术中的路由注册技术。

具体的，在项目工程集成路由配置文件之后，可以通过路由配置文件对项目工程中的存在的页面代码文件进行处理，将页面代码文件中存储的路由信息进行聚合，得到项目工程的路由数据表，并将得到的路由数据表写入路由统一注册文件。

本发明实施例的技术方案，通过将项目工程的路由数据信息分片存储在项目工程中各页面对应的页面代码文件中，有效降低项目工程中各业务模块的耦合和路由配置的复杂度，同时减少参与项目工程的团队成员之间协作的冲突和错误，提高团队成员的整体协作效能，降低了项目工程的研发成本，提升研发效率，且通过路由配置文件完成项目工程的路由数据的重组和注册，无需人工介入，进一步减少了错误发生的几率。

实施例二

图2为本发明实施例二提供的一种前端页面的路由管理方法的流程图，本实施例在上述实施例的基础上进一步细化，提供了对基于路由配置文件对项目工程中的页面代码文件进行处理，得到项目工程的路由数据表的具体步骤。需要说明的是，在本发明实施例未详述部分，可参见其他实施例的相关表述，在此不再赘述。如图2所示，该方法包括：

S210、响应于页面代码文件的编辑指令，在页面代码文件中设置自定义标签。

S220、确定路由配置文件，并将路由配置文件集成在页面代码文件所在的项目工程。

S230、响应于项目工程的编译指令，根据路由配置文件以及项目工程的页面目录地址，确定页面目录地址中页面代码文件的页面信息。

其中，页面目录地址可以用于存储项目工程的页面代码文件；页面信息可以是指存在于页面代码文件中的源代码。

具体的，可以响应于用户发出的对项目工程的编译指令，在项目工程的编译过程中，可以通过路由配置文件访问项目工程的页面目录地址，获取到页面代码文件中所存储的页面信息。

S240、对页面信息进行解析，确定页面代码文件中自定义标签存储的路由信息。

具体的，在获取到页面信息后，可以通过路由配置文件中的源码解析器(例如，webpack源码解析器)，对页面信息进行解析，识别页面信息中的自定义标签字段，并获取自定义标签中存储的路由信息。

S250、根据至少两个页面代码文件之间的路由依赖关系，对路由信息进行重组，确定项目工程的路由数据表。

其中，路由依赖关系可以是指路由的调用关系，例如，对于一个控件可能存在在多个页面进行显示的情况，此时，该控件则需要与多个页面建立连接关系。

具体的，在获取到项目工程中各页面代码文件的路由信息后，可以通路由配置文件中的源码解析器进一步解析出页面代码文件之间路由依赖关系，并根据该路由依赖关系对项目工程中各页面代码文件的路由信息进行聚合重组，将聚合重组后的路由信息确定为项目工程的路由信息表。

可选的，在本发明任一实施例的基础上，还包括：响应于新增页面的指令，在生成新的页面代码文件的过程中，通过路由配置文件生成初始化的路由信息，并存储在该页面代码文件中的自定义标签。

具体的，可以响应于用户发出的新增页面的指令，在新的页面代码文件生成的过程中，通过路由配置文件在该页面代码文件中自动生成该新增页面对应的初始化路由信息，并将该初始化路由信息存储在该页面代码文件中的自定义标签中。需要说明的是，参与项目工程的用户可以对初始化路由信息进行二次修改，以满足个性化路由配置需求，提高路由属性配置的灵活性。

本发明实施例的技术方案，在项目工程编译运行阶段，通过路由配置文件自动采集各页面代码文件中的路由数据信息，并重组成项目工程的路由数据表，用户仅需通过配置好路由配置文件，在项目工程编译运行阶段，流程直接接入路由配置文件，实现了路由半自动化管理配置，减少人工操作以及错误发生的机率。

实施例三

图3为本发明实施例三提供的一种前端页面的路由管理装置的结构示意图。该装置可以由硬件和/或软件的方式来实现，可执行本发明任意实施例所提供的前端页面的路由管理，具备执行方法相应的功能模块和有益效果。如图3所示，该装置包括：

标签设置模块310，用于响应于页面代码文件的编辑指令，在所述页面代码文件中设置自定义标签；其中，所述自定义标签用于存储所述页面代码文件对应的前端页面的路由信息。

配置文件确定模块320，用于确定路由配置文件，并将所述路由配置文件集成在所述页面代码文件所在的项目工程。

路由注册模块330，用于基于所述路由配置文件对项目工程中的页面代码文件进行处理，得到所述项目工程的路由数据表，并写入路由统一注册文件中。

本发明实施例的技术方案，通过将项目工程的路由数据信息分片存储在项目工程中各页面对应的页面代码文件中，有效降低项目工程中各业务模块的耦合和路由配置的复杂度，同时减少参与项目工程的团队成员之间协作的冲突和错误，提高团队成员的整体协作效能，降低了项目工程的研发成本，提升研发效率，且通过路由配置文件完成项目工程的路由数据的重组和注册，无需人工介入，进一步减少了错误发生的几率。

可选的，路由注册模块330，包括：

页面信息确定单元，用于响应于所述项目工程的编译指令，通过所述路由配置文件以及所述项目工程的页面目录地址，确定所述页面目录地址中页面代码文件的页面信息；

路由信息确定单元，用于对所述页面信息进行解析，确定页面代码文件中自定义标签存储的路由信息；

路由数据表确定单元，用于根据至少两个页面代码文件之间的路由依赖关系，对所述路由信息进行重组，确定所述项目工程的路由数据表。

可选的，配置文件确定模块320，包括：

配置文件确定单元，用于根据所述页面代码文件所在项目工程的项目信息，对打包工具预设的扩展接口进行配置，确定路由配置文件。

可选的，配置文件确定模块320，包括：

集成单元，用于将所述路由配置文件作为依赖包，添加到所述项目工程中的依赖文件，并在打包工具的配置文件中添加所述路由配置文件的配置信息。

可选的，该装置，还包括：

新增页面模块，用于响应于新增页面的指令，在生成新的页面代码文件的过程中，通过路由配置文件生成初始化的路由信息，并存储在该页面代码文件中的自定义标签。

可选的，标签设置模块310，可具体用于响应于页面代码文件的编辑指令，生成所述页面代码文件的编辑页面，并在所述编辑页面中添加自定义标签。

本发明实施例所提供的前端页面的路由管理装置可执行本发明任意实施例所提供的前端页面的路由管理方法，具备执行方法相应的功能模块和有益效果。

实施例四

图4示出了可以用来实施本发明的实施例的电子设备410的结构示意图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本发明的实现。

如图4所示，电子设备410包括至少一个处理器411，以及与至少一个处理器411通信连接的存储器，如只读存储器(ROM)412、随机访问存储器(RAM)413等，其中，存储器存储有可被至少一个处理器执行的计算机程序，处理器411可以根据存储在只读存储器(ROM)412中的计算机程序或者从存储单元418加载到随机访问存储器(RAM)413中的计算机程序，来执行各种适当的动作和处理。在RAM 413中，还可存储电子设备410操作所需的各种程序和数据。处理器411、ROM 412以及RAM 413通过总线414彼此相连。输入/输出(I/O)接口415也连接至总线414。

电子设备410中的多个部件连接至I/O接口415，包括：输入单元416，例如键盘、鼠标等；输出单元417，例如各种类型的显示器、扬声器等；存储单元418，例如磁盘、光盘等；以及通信单元419，例如网卡、调制解调器、无线通信收发机等。通信单元419允许电子设备410通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

处理器411可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器411的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。处理器411执行上文所描述的各个方法和处理，例如前端页面的路由管理方法。

在一些实施例中，前端页面的路由管理方法可被实现为计算机程序，其被有形地包含于计算机可读存储介质，例如存储单元418。在一些实施例中，计算机程序的部分或者全部可以经由ROM 412和/或通信单元419而被载入和/或安装到电子设备410上。当计算机程序加载到RAM 413并由处理器411执行时，可以执行上文描述的前端页面的路由管理方法的一个或多个步骤。备选地，在其他实施例中，处理器411可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行前端页面的路由管理方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、复杂可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本发明的方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器，使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本发明的上下文中，计算机可读存储介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。备选地，计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在电子设备上实施此处描述的系统和技术，该电子设备具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)、区块链网络和互联网。

计算系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务中，存在的管理难度大，业务扩展性弱的缺陷。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发明中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本发明的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (10)

1.一种前端页面的路由管理方法，其特征在于，包括：

响应于页面代码文件的编辑指令，在所述页面代码文件中设置自定义标签；其中，所述自定义标签用于存储所述页面代码文件对应的前端页面的路由信息；

确定路由配置文件，并将所述路由配置文件集成在所述页面代码文件所在的项目工程；

基于所述路由配置文件对项目工程中的页面代码文件进行处理，得到所述项目工程的路由数据表，并写入路由统一注册文件中。

2.根据权利要求1所述的方法，其特征在于，所述基于所述路由配置文件对项目工程中的页面代码文件进行处理，得到所述项目工程的路由数据表，包括：

响应于所述项目工程的编译指令，根据所述路由配置文件以及所述项目工程的页面目录地址，确定所述页面目录地址中页面代码文件的页面信息；

对所述页面信息进行解析，确定页面代码文件中自定义标签存储的路由信息；

根据至少两个页面代码文件之间的路由依赖关系，对所述路由信息进行重组，确定所述项目工程的路由数据表。

3.根据权利要求1所述的方法，其特征在于，所述确定路由配置文件，包括：

根据所述页面代码文件所在项目工程的项目信息，对打包工具预设的扩展接口进行配置，确定路由配置文件。

4.根据权利要求1所述的方法，其特征在于，将所述路由配置文件集成在所述页面代码文件所在的项目工程，包括：

将所述路由配置文件作为依赖包，添加到所述项目工程中的依赖文件，并在打包工具的配置文件中添加所述路由配置文件的配置信息。

5.根据权利要求1所述的方法，其特征在于，还包括：

响应于新增页面的指令，在生成新的页面代码文件的过程中，通过路由配置文件生成初始化的路由信息，并存储在该页面代码文件中的自定义标签。

6.根据权利要求1所述的方法，其特征在于，所述响应于页面代码文件的编辑指令，在所述页面代码文件中设置自定义标签，包括：

响应于页面代码文件的编辑指令，生成所述页面代码文件的编辑页面，并在所述编辑页面中添加自定义标签。

7.一种前端页面的路由管理装置，其特征在于，包括：

标签设置模块，用于响应于页面代码文件的编辑指令，在所述页面代码文件中设置自定义标签；其中，所述自定义标签用于存储所述页面代码文件对应的前端页面的路由信息；

配置文件确定模块，用于确定路由配置文件，并将所述路由配置文件集成在所述页面代码文件所在的项目工程；

路由注册模块，用于基于所述路由配置文件对项目工程中的页面代码文件进行处理，得到所述项目工程的路由数据表，并写入路由统一注册文件中。

8.根据权利要求7所述的装置，其特征在于，所述路由注册模块。包括：

页面信息确定单元，用于响应于所述项目工程的编译指令，通过所述路由配置文件以及所述项目工程的页面目录地址，确定所述页面目录地址中页面代码文件的页面信息；

路由信息确定单元，用于对所述页面信息进行解析，确定页面代码文件中自定义标签存储的路由信息；

路由数据表确定单元，用于根据至少两个页面代码文件之间的路由依赖关系，对所述路由信息进行重组，确定所述项目工程的路由数据表。

9.一种电子设备，其特征在于，所述电子设备包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-6中任一项所述的前端页面的路由管理方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现权利要求1-6中任一项所述的前端页面的路由管理方法。