基于Vue框架的独立页面的跳转方法、装置及设备与流程

基于vue框架的独立页面的跳转方法、装置及设备
技术领域
1.本技术涉及互联网技术领域，尤其涉及一种基于vue框架的独立页面的跳转方法、装置及设备。


背景技术：

2.vue是一套用于构建用户界面的渐进式javascript框架，vue在处理表单时，能够非常便捷的根据数据的变化同步改变视图，从而保证用户的视觉效果，使得vue在全球广域网(world wide web，web)项目中得到了广泛的应用。
3.现有技术中，通过vue框架构建的web项目通常存在一个独立页面和多个子页面，终端设备通过响应用户的操作，获取用户需要切换至的目标页面对应的统一资源定位系统(uniform resource locator，url)，通过独立页面的vue路由访问该url，从而实现不同子页面的跳转。
4.然而，在web项目中存在多个独立页面时，多个独立页面无法共用一个vue路由，可能存在多个独立页面间无法进行跳转的问题。


技术实现要素：

5.本技术提供一种基于vue框架的独立页面的跳转方法、装置及设备，以解决多个独立页面间无法进行跳转的问题。
6.第一方面，本技术实施例提供一种基于vue框架的独立页面的跳转方法，应用于终端设备，所述终端设备运行有应用程序，所述应用程序用于对第一独立页面进行显示，所述方法包括：
7.响应于用户对第一独立页面的点击操作，向应用程序对应的服务器发送页面跳转请求，所述页面跳转请求包括初始会话信息以及第二独立页面的标识；
8.接收所述服务器返回的目标会话信息，所述目标会话信息包括目标路由信息；
9.通过应用程序的导航组件，对所述目标路由信息对应的第二独立页面进行显示。
10.在第一方面的一种可能设计中，所述通过应用程序的导航组件，对所述目标路由信息对应的第二独立页面进行显示，包括：
11.将所述目标路由信息绑定至所述导航组件中，获取绑定后的导航组件；
12.通过所述绑定后的导航组件，访问目标路由信息中的所述第二独立页面对应的目标url，并对所述第二独立页面进行显示。
13.在第一方面的另一种可能设计中，所述初始会话信息包括会话控制标识。
14.第二方面，本技术实施例提供一种基于vue框架的独立页面的跳转方法，应用于服务器，所述方法包括：
15.接收终端设备发送的页面跳转请求，所述页面跳转请求包括初始会话信息以及第二独立页面的标识；
16.根据页面的标识与路由信息的第一映射关系以及所述第二独立页面的标识，获取
所述第二独立页面的标识对应的目标路由信息；
17.根据所述目标路由信息对所述初始会话信息进行配置，生成目标会话信息；
18.将所述目标会话信息发送至所述终端设备。
19.在第二方面的一种可能设计中，所述根据页面的标识与路由信息的第一映射关系以及所述第二独立页面的标识，获取所述第二独立页面的标识对应的目标路由信息，包括：
20.根据页面的标识与服务器的标识的第二映射关系以及所述第二独立页面的标识，获取所述第二独立页面的标识对应的目标服务器的标识；
21.根据所述第一映射关系以及所述第二独立页面的标识，从所述目标服务器的标识对应的目标服务器中获取所述第二独立页面的标识对应的目标路由信息。
22.在第二方面的另一种可能设计中，所述初始会话信息包括会话控制标识，在所述接收终端设备发送的页面跳转请求之后，所述方法还包括：
23.根据所述会话控制标识，对所述页面跳转请求进行身份验证。
24.第三方面，本技术实施例提供一种基于vue框架的独立页面的跳转装置，应用于终端设备，所述终端设备运行有应用程序，所述应用程序用于对第一独立页面进行显示，所述装置包括：
25.发送模块，用于响应于用户对第一独立页面的点击操作，向应用程序对应的服务器发送页面跳转请求，所述页面跳转请求包括初始会话信息以及第二独立页面的标识；
26.接收模块，用于接收所述服务器返回的目标会话信息，所述目标会话信息包括目标路由信息；
27.显示模块，用于通过应用程序的导航组件，对所述目标路由信息对应的第二独立页面进行显示。
28.在第三方面的一种可能设计中，所述显示模块，具体用于：
29.将所述目标路由信息绑定至所述导航组件中，获取绑定后的导航组件；
30.通过所述绑定后的导航组件，访问目标路由信息中的所述第二独立页面对应的目标url，并对所述第二独立页面进行显示。
31.在第三方面的另一种可能设计中，所述初始会话信息包括会话控制标识。
32.第四方面，本技术实施例提供一种基于vue框架的独立页面的跳转装置，应用于服务器，所述装置包括：
33.接收模块，用于接收终端设备发送的页面跳转请求，所述页面跳转请求包括初始会话信息以及第二独立页面的标识；
34.处理模块，用于根据页面的标识与路由信息的第一映射关系以及所述第二独立页面的标识，获取所述第二独立页面的标识对应的目标路由信息；
35.所述处理模块，还用于根据所述目标路由信息对所述初始会话信息进行配置，生成目标会话信息；
36.发送模块，用于将所述目标会话信息发送至所述终端设备。
37.在第四方面的一种可能设计中，所述处理模块，具体用于：
38.根据页面的标识与服务器的标识的第二映射关系以及所述第二独立页面的标识，获取所述第二独立页面的标识对应的目标服务器的标识；
39.根据所述第一映射关系以及所述第二独立页面的标识，从所述目标服务器的标识
对应的目标服务器中获取所述第二独立页面的标识对应的目标路由信息。
40.在第四方面的另一种可能设计中，所述初始会话信息包括会话控制标识，在所述接收终端设备发送的页面跳转请求之后，所述处理模块，还用于：
41.根据所述会话控制标识，对所述页面跳转请求进行身份验证。
42.第五方面，本技术实施例提供一种终端设备，包括：收发器、显示器、处理器、存储器及存储在所述存储器上并可在处理器上运行的计算机程序指令，所述处理器执行所述计算机程序指令时用于实现第一方面以及各可能设计提供的方法。
43.第六方面，本技术实施例提供一种服务器，包括：收发器、处理器、存储器及存储在所述存储器上并可在处理器上运行的计算机程序指令，所述处理器执行所述计算机程序指令时用于实现第二方面以及各可能设计提供的方法。
44.本技术实施例提供的基于vue框架的独立页面的跳转方法、装置及设备，在该方法中，通过终端设备响应于用户对第一独立页面的点击操作，向应用程序对应的服务器发送页面跳转请求，服务器接收终端设备发送的页面跳转请求，根据第一映射关系以及第二独立页面的标识，获取第二独立页面的标识对应的目标路由信息，根据目标路由信息对初始会话信息进行配置，生成目标会话信息，并将目标会话信息发送至终端设备。终端设备接收服务器返回的目标会话信息，并通过应用程序的导航组件，对目标路由信息对应的第二独立页面进行显示，从而实现了多个独立页面间的跳转。
附图说明
45.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本技术的实施例，并与说明书一起用于解释本技术的原理。
46.图1为本技术实施例提供的基于vue框架的独立页面的跳转方法的一种应用场景示意图；
47.图2为本技术实施例提供的基于vue框架的独立页面的跳转方法实施例一的流程示意图；
48.图3为本技术实施例提供的vue框架的结构示意图；
49.图4为本技术实施例提供的基于vue框架的独立页面的跳转装置实施例一的结构示意图；
50.图5为本技术实施例提供的基于vue框架的独立页面的跳转装置实施例二的结构示意图；
51.图6为本技术实施例提供的终端设备的结构示意图；
52.图7为本技术实施例提供的服务器的结构示意图。
53.通过上述附图，已示出本公开明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围，而是通过参考特定实施例为本领域技术人员说明本公开的概念。
具体实施方式
54.为使本技术实施例的目的、技术方案和优点更加清楚，下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是
本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
55.在介绍本技术的实施例之前，首先对本技术实施例的所涉及的名词进行解释：
56.vue路由(英文：vue router)是单页应用(single page web application，spa)的路径管理器，换句话说，vue router就是web项目的链接路径管理系统。vue-router是vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件构建得到的，路由用于设定访问路径，并建立路径和组件的映射关系。在传统的页面应用中，通常通过超链接实现页面切换和跳转的。在vue-router单页面应用中，则是通过路径之间的切换，也就是组件的切换，实现页面切换和跳转。换句话说，路由的本质就是建立url和页面之间的映射关系。
57.会话信息(英文：session)：负责访问者与网站之间的交互，在用户关闭终端设备时，会话结束。
58.url：是互联网上标准资源的地址，举例来说，如：https://www.xxx.com。
59.接下来，对本技术实施例的应用背景进行解释：
60.vue是一种数据双向绑定的前端技术开发框架，当终端设备中的数据发生变化时，显示在终端设备中的视图会随之变化，同样，在视图变化时，数据也会随着视图的改变同步进行更改。这一特性使得vue能够非常便捷的处理表单，同时保证用户的视觉效果，因此，vue受到大量开发者的青睐，越来越多的项目采用vue作为开发技术，使得vue成为前端编码的主流框架。
61.现有技术中，使用vue搭建的web项目，通常存在一个独立页面和多个子页面，终端设备通过响应用户的操作，获取用户需要切换至的目标页面对应的url，通过独立页面的vue路由访问该url，从而实现不同子页面的跳转。
62.然而，上述方法在首次加载该独立页面时需要加载大量静态资源，存在加载时间长，无法实现页面导航功能的问题。为了解决上述问题，在实际开发过程中，通常在web项目中设置多个独立页面，以使多个独立页面之间进行交互，从而解决上述问题。
63.然而，在web项目中存在多个独立页面时，多个独立页面无法共用一个vue路由，可能存在多个独立页面间无法进行跳转的问题。
64.针对上述问题，本技术的发明构思如下：可以预先在服务器中存储页面的标识与路由信息的第一映射关系，在终端设备需要页面跳转时，只需要向服务器发送页面跳转请求，服务器接收该页面跳转请求后，根据该页面请求中的第二独立页面的标识和第一映射关系，获取第二独立页面的标识对应的目标路由信息，并根据该目标路由信息对页面跳转请求中的初始会话信息进行配置，将配置好的目标会话信息发送给终端设备。终端设备在接受到目标会话信息后，就可以通过导航组件对目标会话信息对应的第二独立页面进行显示，就能解决现有技术中多个独立页面间无法进行跳转的问题，提高了用户的使用感受。
65.示例性的，本技术实施例提供的基于vue框架的独立页面的跳转方法可以应用于图1所示的一种应用场景示意图中。图1为本技术实施例提供的基于vue框架的独立页面的跳转方法的一种应用场景示意图，用以解决上述技术问题。如图1所示，该应用场景可以包括：终端设备11和至少一个服务器(如图1中的服务器12、服务器13以及服务器14)。
66.在本实施例中，终端设备11运行有应用程序，该应用程序用于对第一独立页面进
行显示。其中，终端设备11还包括导航组件，导航组件包括独立页面控件(如，第一独立页面控件、第二独立页面控件、第三独立页面控件)。
67.在一种可实现的方式下，终端设备11显示有第一独立页面，用户点击导航组件中的第二独立页面控件，终端设备11响应于用户的点击操作，向服务器12发送页面跳转请求。服务器12接收终端设备11发送的页面跳转请求，既可以根据该页面跳转请求从服务器12中获取目标路由信息，还可以从服务器13或服务器14中获取目标路由信息，并根据目标路由信息对初始会话信息进行配置，将配置好的目标会话信息发送至终端设备11，以使终端设备11能够通过应用程序的导航组件对目标路由信息对应的第二独立页面进行显示。
68.下面，通过具体实施例对本技术的技术方案进行详细说明。
69.需要说明的是，下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。
70.图2为本技术实施例提供的基于vue框架的独立页面的跳转方法实施例一的流程示意图。如图2所示，该基于vue框架的独立页面的跳转方法可以包括如下步骤：
71.s21、终端设备响应于用户对第一独立页面的点击操作，向应用程序对应的服务器发送页面跳转请求。
72.本技术实施例提供的基于vue框架的独立页面的跳转方案，需要为用户提供操作界面，并且为了进行数据的获取和分析，还需要后台服务平台，以使用户能够通过安装在终端设备上的应用程序对服务平台进行访问。
73.其中，页面跳转请求包括初始会话信息以及第二独立页面的标识。
74.示例性的，用于显示第二独立页面的应用程序与用于显示第一独立页面的应用程序可以是同一个，也可以是不同的应用程序。
75.举例来说，假设该应用程序中有四个独立页面，分别为首页页面，消息页面，购物车页面和我的页面，该应用程序中的导航组件包括独立页面控件(如首页控件、消息控件，购物车控件和我的控件)。假设第一独立页面为首页页面，第二独立页面为消息页面，用户可以点击消息控件，终端设备响应于用户的点击操作，向应用程序对应的服务器发送页面跳转请求。
76.再举例来说，终端设备预先安装有至少一个应用程序，假设至少一个应用程序为商品推广应用程序和商品购买应用程序，商品推广应用程序用于对第一独立页面进行显示，第一独立页面用于显示商品的推广信息；商品购买应用程序用于对第二独立页面进行显示，当前时刻终端设备运行有商品推广应用程序。在用户使用商品推广应用程序浏览第一独立页面中显示的商品推广信息时，若用户想要购买商品推广信息对应的商品，可以点击该商品对应的商品控件，终端设备响应于用户的点击操作，向商品推广应用程序对应的服务器发送页面跳转请求，以使后续终端设备向用户显示第二独立页面(也就是商品购买页面)，从而方便用户购买该商品。
77.相应的，针对于服务器来说，则接收终端设备发送的页面跳转请求。
78.s22、服务器根据页面的标识与路由信息的第一映射关系以及第二独立页面的标识，获取第二独立页面的标识对应的目标路由信息。
79.其中，第一映射关系可以是该服务器对应的技术人员预先存储在服务器中的映射关系，如，该技术人员可以通过数据存储设备将上述第一映射关系存储到该服务器中。除此
以外，还可以是从其他服务器或数据库中获取的映射关系，可以根据实际情况进行选择，本技术实施例对此不进行具体限制，
80.示例性的，上述第一映射关系可以如下表1所示：
81.表1
82.序号页面的标识路由信息1页面的标识1路由信息12页面的标识2路由信息23页面的标识3路由信息3
83.以表1所示的第一映射关系为例，若页面跳转请求中的第二独立页面的标识为页面的标识1，则根据该第一映射关系，服务器可以确定与第二独立页面的标识对应的目标路由信息为路由信息1。
84.在一种可能的实现方式中，假设第一独立页面与第二独立页面可以通过一个应用程序在终端设备上进行显示，则服务器根据第一映射关系以及第二独立页面的标识，从存储在服务器本地的路由信息中确定出目标路由信息。
85.在另一种可能的实现方式中，假设第一独立页面与第二独立页面需要通过不同的应用程序在终端设备上进行显示，则服务器根据页面的标识与服务器的标识的第二映射关系以及第二独立页面的标识，获取第二独立页面的标识对应的目标服务器的标识，并根据第一映射关系以及第二独立页面的标识，从目标服务器的标识对应的目标服务器中获取第二独立页面的标识对应的目标路由信息。
86.其中，第二映射关系可以是上述服务器对应的技术人员预先存储在服务器中的映射关系，如，该技术人员可以通过数据存储设备将上述第二映射关系存储到该服务器中。除此以外，还可以是从其他服务器或数据库中获取的映射关系，可以根据实际情况进行选择，本技术实施例对此不进行具体限制，
87.示例性的，上述第二映射关系可以如下表2所示：
88.表2
89.序号页面的标识服务器的标识1页面的标识1服务器的标识12页面的标识2服务器的标识23页面的标识3服务器的标识3
90.以表2所示的第二映射关系为例，若页面跳转请求中的第二独立页面的标识为标识1，则根据该第二映射关系，服务器可以确定与第二独立页面的标识对应的目标服务器的标识为服务器的标识1。
91.其中，第一映射关系和第二映射关系可以为技术人员灵活配置在服务器中映射关系，以便于后续服务器获取携带目标路由信息的目标会话信息，并发送给终端设备。与现有技术中在终端设备侧的应用程序代码中固定路由信息，通过导航组件实现独立页面的跳转相比，本技术实施例实现了动态绑定路由信息，提高了独立页面跳转的灵活性。
92.现有技术中，存在通过储存在用户本地终端上的数据(英文：cookie)存储路由信息，实现多独立页面的路由交互的方法，然而该方法仅适用于不跨域的情况。与现有技术相比，本方式可以实现跨域访问，从而解决了为独立页面的跳转多样性和兼容性。
93.在再一种可能的实现方式中，服务器还可以根据第一映射关系以及第二独立页面的标识，从预先设置的路由信息服务器中获取第二独立页面的标识对应的目标路由信息，实现了跨域访问。
94.其中，路由信息服务器可以为远程字典服务(remote dictionary server，redis)，还可以为路由信息数据库，可以根据实际情况进行设定，本技术实施例对此不进行具体限制。
95.s23、服务器根据目标路由信息对初始会话信息进行配置，生成目标会话信息。
96.在一种可能的实现方式中，将目标路由信息写入初始会话信息中的对应位置，从而生成目标会话信息。
97.在另一种可能的实现方式中，提取目标路由信息中的路由参数，并将该路由参数中的各参数分别写入初始会话信息中的对应位置，从而生成目标会话信息，以使目标会话信息中携带有目标路由信息。
98.s24、服务器将目标会话信息发送至终端设备。
99.相应的，针对于终端设备来说，则接收服务器返回的目标会话信息，目标会话信息包括目标路由信息。
100.s25、终端设备通过应用程序的导航组件，对目标路由信息对应的第二独立页面进行显示。
101.在一种可能的实现方式中，将目标路由信息绑定至导航组件中，获取绑定后的导航组件，通过绑定后的导航组件，访问目标路由信息中的第二独立页面对应的目标url，并对第二独立页面进行显示，从而实现独立页面的跳转，以便于用户后续对第二独立页面进行操作。
102.其中，访问第二独立页面对应的目标url，并对第二独立页面进行显示可以通过以下方式实现：
103.图3为本技术实施例提供的vue框架的结构示意图。如图3所示，该vue框架可以为model-view-view model(简称：mvvm)框架，该vue框架包括指令解析器31、观察器32以及数据监听器33。其中，指令解析器31用于对元素节点的指令进行扫描和解析，实现动态绑定函数的功能；观察器32用于通过指令绑定回调函数，从而更新视图；数据监听器33用于对数据对象的所有属性进行监听，从而获取到最新的通知订阅者和订阅者的新值。
104.在一种具体的实现方式中，终端设备访问第二独立页面对应的目标url，并接受该目标url返回的用于显示第二独立页面的数据。通过指令解析器31对上述数据进行扫描和解析，获取处理后的数据，并将处理后的数据发送至观察器32。进一步的，终端设备通过观察器32中的更新器更新视图，对第二独立页面进行显示，并通过观察器32中的数据执行保护模块将处理后的数据发送给数据监听器33，以使数据监听器33对其进行监听。
105.本技术实施例提供的基于vue框架的独立页面的跳转方法，通过终端设备响应于用户对第一独立页面的点击操作，向应用程序对应的服务器发送页面跳转请求，服务器接收终端设备发送的页面跳转请求，根据第一映射关系以及第二独立页面的标识，获取第二独立页面的标识对应的目标路由信息，根据目标路由信息对初始会话信息进行配置，生成目标会话信息，并将目标会话信息发送至终端设备。终端设备接收服务器返回的目标会话信息，并通过应用程序的导航组件，对目标路由信息对应的第二独立页面进行显示，从而实
现了多个独立页面间的跳转。
106.在现有技术中，通过cookie实现多独立页面的路由交互需要应用程序开启cookie功能，然而，由于任何人都可以分析存放在本地的cookie，可能存在cookie欺骗的情况，导致安全性较差。且，在应用程序为浏览器时，原有cookie存储的路由信息将会失效，可靠性较差。与上述相比，本技术实施例通过携带有目标路由信息的目标会话信息实现独立页面的跳转，由于目标路由信息并不会被恶意程序获取，且无法对服务器中存储的路由信息进行修改，从而保证了信息的安全性。进一步的，由于浏览器无法禁用会话信息，会话信息不依赖浏览器环境，适用性强，保证了第二独立页面的可获取性和可靠性。
107.可选的，在一些实施例中，初始会话信息还包括会话控制标识，则在接收终端设备发送的页面跳转请求之后，该基于vue框架的独立页面的跳转还包括：根据会话控制标识，对页面跳转请求进行身份验证。
108.其中，在终端设备的应用程序的cookie功能禁用，或不支持cookie功能时，终端设备可以将会话控制标识重写入第一独立页面的url中，获取重写后的第一独立页面的url，并根据该重写后的第一独立页面的url生成初始会话信息，以使服务器对重写后的第一独立页面的url进行解析，获取会话控制标识。也就是说，此时初始会话信息包括重写后的第一独立页面的url。
109.在上述实施例中，通过根据会话控制标识，对页面跳转请求进行身份验证，保证了信息的安全性，防止非法入侵者对信息进行窃取。
110.可选的，在一些实施例中，应用程序的导航组件预先设置有默认路由信息。在用户首次点击处于关闭状态的应用程序，或点击应用程序中的初始化控件(如首页控件)时，终端设备为用户显示默认路由信息对应的独立页面，实现默认的路由导航，从而提高了用户的体验。
111.下述为本技术装置实施例，可以用于执行本技术方法实施例。对于本技术装置实施例中未披露的细节，请参照本技术方法实施例。
112.图4为本技术实施例提供的基于vue框架的独立页面的跳转装置实施例一的结构示意图。如图4所示，该装置应用于终端设备，终端设备运行有应用程序，应用程序用于对第一独立页面进行显示，装置包括：
113.发送模块41，用于响应于用户对第一独立页面的点击操作，向应用程序对应的服务器发送页面跳转请求，页面跳转请求包括初始会话信息以及第二独立页面的标识；
114.接收模块42，用于接收服务器返回的目标会话信息，目标会话信息包括目标路由信息；
115.显示模块43，用于通过应用程序的导航组件，对目标路由信息对应的第二独立页面进行显示。
116.在本技术实施例的一种可能设计中，显示模块43，具体用于：
117.将目标路由信息绑定至导航组件中，获取绑定后的导航组件；
118.通过绑定后的导航组件，访问目标路由信息中的第二独立页面对应的目标url，并对第二独立页面进行显示。
119.在本技术实施例的另一种可能设计中，初始会话信息包括会话控制标识。
120.本技术实施例提供的基于vue框架的独立页面的跳转装置，可用于执行上述任一
实施例中的终端设备侧的基于vue框架的独立页面的跳转方法，其实现原理和技术效果类似，在此不再赘述。
121.图5为本技术实施例提供的基于vue框架的独立页面的跳转装置实施例二的结构示意图。如图5所示，该装置应用于服务器，该装置包括：
122.接收模块51，用于接收终端设备发送的页面跳转请求，页面跳转请求包括初始会话信息以及第二独立页面的标识；
123.处理模块52，用于根据页面的标识与路由信息的第一映射关系以及第二独立页面的标识，获取第二独立页面的标识对应的目标路由信息；
124.处理模块52，还用于根据目标路由信息对初始会话信息进行配置，生成目标会话信息；
125.发送模块53，用于将目标会话信息发送至终端设备。
126.在本技术实施例的一种可能设计中，处理模块52，具体用于：
127.根据页面的标识与服务器的标识的第二映射关系以及第二独立页面的标识，获取第二独立页面的标识对应的目标服务器的标识；
128.根据第一映射关系以及第二独立页面的标识，从目标服务器的标识对应的目标服务器中获取第二独立页面的标识对应的目标路由信息。
129.在本技术实施例的另一种可能设计中，初始会话信息包括会话控制标识，在接收终端设备发送的页面跳转请求之后，处理模块52，还用于：
130.根据会话控制标识，对页面跳转请求进行身份验证。
131.本技术实施例提供的基于vue框架的独立页面的跳转装置，可用于执行上述任一实施例中的服务器侧的基于vue框架的独立页面的跳转方法，其实现原理和技术效果类似，在此不再赘述。
132.需要说明的是，应理解以上装置的各个模块的划分仅仅是一种逻辑功能的划分，实际实现时可以全部或部分集成到一个物理实体上，也可以物理上分开。且这些模块可以全部以软件通过处理元件调用的形式实现；也可以全部以硬件的形式实现；还可以部分模块通过处理元件调用软件的形式实现，部分模块通过硬件的形式实现。此外，这些模块全部或部分可以集成在一起，也可以独立实现。这里的处理元件可以是一种集成电路，具有信号的处理能力。在实现过程中，上述方法的各步骤或以上各个模块可以通过处理器元件中的硬件的集成逻辑电路或者软件形式的指令完成。
133.图6为本技术实施例提供的终端设备的结构示意图。如图6所示，该终端设备11可以包括：处理器61、存储器62、收发器63、显示器64及存储在存储器62上并可在处理器61上运行的计算机程序指令，处理器61执行计算机程序指令时实现前述任一实施例提供的终端设备侧的基于vue框架的独立页面的跳转方法。
134.可选的，该终端设备11的上述各个器件之间可以通过系统总线连接。
135.可选的，终端设备11还可以包括与其他设备进行交互的接口。
136.收发器63用于和其他服务器进行通信，该收发器63构成通信接口。
137.可选的，在硬件实现上，上述图4所示实施例中的：发送模块41和接收模块42对应于本实施例中的收发器63，显示模块43对应于本实施例中的显示器64。
138.显示器64用于通过终端设备11显示独立页面以及和人机交互。可选的，显示器64
可以是用户界面，该用户界面可以包括图形、文本、图标、视频及其它们的任意组合。在一些实施例中，显示器64可以为终端设备11的前面板；在另一些实施例中，显示器64可以是柔性显示屏，设置在终端设备11的弯曲表面上或折叠面上。甚至，显示器64还可以设置成非矩形的不规则图形的显示屏，也即异形屏。显示器64可以采用液晶显示屏(liquid crystal display，lcd)、有机发光二极管(organic light-emitting diode，oled)等材质制备。
139.本技术实施例提供的终端设备，可用于执行上述任一方法实施例提供的终端设备侧的基于vue框架的独立页面的跳转方法，其实现原理和技术效果类似，在此不再赘述。
140.图7为本技术实施例提供的服务器的结构示意图。如图7所示，该服务器可以包括：处理器71、存储器72、收发器73及存储在存储器72上并可在处理器71上运行的计算机程序指令，处理器71执行计算机程序指令时实现前述任一实施例提供的服务器侧的基于vue框架的独立页面的跳转方法。
141.可选的，该服务器的上述各个器件之间可以通过系统总线连接。
142.可选的，服务器还可以包括与其他设备进行交互的接口。
143.收发器73用于和其他服务器以及终端设备进行通信，该收发器73构成通信接口。
144.可选的，在硬件实现上，上述图5所示实施例中的：接收模块51和发送模块53对应于本实施例中的收发器73，处理模块52对应于本实施例中的处理器71。
145.本技术实施例提供的服务器，可用于执行上述任一方法实施例提供的服务器侧的基于vue框架的独立页面的跳转方法，其实现原理和技术效果类似，在此不再赘述。
146.存储器可以是单独的存储单元，也可以是集成在处理器中的存储单元。处理器的数量为一个或者多个。
147.应理解，处理器可以是中央处理单元(central processing unit，cpu)，还可以是其他通用处理器、数字信号处理器(digital signal processor，dsp)、专用集成电路(application specific integrated circuit，asic)等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本技术所公开的方法的步骤可以直接体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。
148.系统总线可以是外设部件互连标准(peripheral component interconnect，pci)总线或扩展工业标准结构(extended industry standard architecture，eisa)总线等。系统总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。存储器可能包括随机存取存储器(random access memory，ram)，也可能还包括非易失性存储器(non-volatile memory，nvm)，例如至少一个磁盘存储器。
149.实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一可读取存储器中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储器(存储介质)包括：只读存储器(read-only memory，rom)、ram、快闪存储器、硬盘、固态硬盘、磁带(英文：magnetic tape)、软盘(英文：floppy disk)、光盘(英文：optical disc)及其任意组合。
150.本技术实施例提供一种计算机可读存储介质，该计算机可读存储介质中存储有计算机指令，当该计算机指令在计算机上运行时，使得计算机执行上述基于vue框架的独立页面的跳转方法。
151.上述的计算机可读存储介质，上述可读存储介质可以是由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器，电可擦除可编程只读存储器，可擦除可编程只读存储器，可编程只读存储器，只读存储器，磁存储器，快闪存储器，磁盘或光盘。可读存储介质可以是通用或专用计算机能够存取的任何可用介质。
152.可选的，将可读存储介质耦合至处理器，从而使处理器能够从该可读存储介质读取信息，且可向该可读存储介质写入信息。当然，可读存储介质也可以是处理器的组成部分。处理器和可读存储介质可以位于专用集成电路(application specific integrated circuits，asic)中。当然，处理器和可读存储介质也可以作为分立组件存在于设备中。
153.本技术实施例还提供一种计算机程序产品，该计算机程序产品包括计算机程序，该计算机程序存储在计算机可读存储介质中，至少一个处理器可以从该计算机可读存储介质中读取该计算机程序，至少一个处理器执行计算机程序时可实现上述基于vue框架的独立页面的跳转方法。
154.应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求书来限制。