【技术实现步骤摘要】
一种基于Vue.js框架的动态路由配置方法
本专利技术涉及计算机
,尤其是涉及一种基于Vue.js框架的动态路由配置方法。
技术介绍
在Vue.js框架下开发的页面,都需要通过配置相关的路由信息才能访问到相关页面,但是路由信息都是保存在同一个文件中,随着开发内容不断扩大,与开发内容相关的页面数量也会随之增长,保存路由信息的配置文件也变得庞大臃肿导致页面反应速度减缓,不便于管理人员实行页面维护且容易引起配置文件与其他文件发生文件冲突等问题,影响正常开发工作的进行。
技术实现思路
本专利技术的目的就是为了克服上述现有技术存在的路由配置文件储存过多影响页面正常维护、易引起文件冲突的缺陷而提供一种基于Vue.js框架的动态路由配置方法。本专利技术的目的可以通过以下技术方案来实现:一种基于Vue.js框架的动态路由配置方法,具体包括以下步骤:步骤S1:获取路由信息,根据所述路由信息设置主路由配置文件;步骤S2:添加多个分路由配置文件到所述主路由配置文件;步骤S3:根据所述分路由配置文件设置分路由配置文件到主路由配置文件的访问路径;步骤S4:通过所述访问路径将所述路由信息分配到所述分路由配置文件中,由所述分路由配置文件对所述路由信息进行编写。所述主路由配置文件通过模块打包器的上下文模块,导入所述路由信息对应目录下的相关组件。所述主路由配置文件内设有首页路由信息模块。优选的,所述首页路由信息模块的数量为1个。所述分路由配置文件 ...
【技术保护点】
1.一种基于Vue.js框架的动态路由配置方法,其特征在于,具体包括以下步骤:/n步骤S1:获取路由信息,根据所述路由信息设置主路由配置文件;/n步骤S2:添加多个分路由配置文件到所述主路由配置文件;/n步骤S3:根据所述分路由配置文件设置分路由配置文件到主路由配置文件的访问路径;/n步骤S4:通过所述访问路径将所述路由信息分配到所述分路由配置文件中,由所述分路由配置文件对所述路由信息进行编写。/n
【技术特征摘要】
1.一种基于Vue.js框架的动态路由配置方法,其特征在于,具体包括以下步骤:
步骤S1:获取路由信息,根据所述路由信息设置主路由配置文件;
步骤S2:添加多个分路由配置文件到所述主路由配置文件;
步骤S3:根据所述分路由配置文件设置分路由配置文件到主路由配置文件的访问路径;
步骤S4:通过所述访问路径将所述路由信息分配到所述分路由配置文件中,由所述分路由配置文件对所述路由信息进行编写。
2.根据权利要求1所述的一种基于Vue.js框架的动态路由配置方法,其特征在于,所述主路由配置文件通过模块打包器的上下文模块,导入所述路由信息对应目录下的相关组件。
3.根据权利要求1所述的一种基于Vue.js框架的动态路由配置方法,其特征在于,所述主路由配置文件内设有首页路由信息模块。
4.根据权利要求3所述的一种基于Vue.js框架的动态路由配置方法,其特征在于,所述首页路由信息模块的数量为1个。
5....
【专利技术属性】
技术研发人员:葛俊,蒋秋明,
申请(专利权)人:上海上实龙创智慧能源科技股份有限公司,
类型:发明
国别省市:上海;31
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。