CN114637508A - 基于vue的标签参数传递方法、装置、设备及存储介质 - Google Patents

基于vue的标签参数传递方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN114637508A
CN114637508A CN202210324492.4A CN202210324492A CN114637508A CN 114637508 A CN114637508 A CN 114637508A CN 202210324492 A CN202210324492 A CN 202210324492A CN 114637508 A CN114637508 A CN 114637508A
Authority
CN
China
Prior art keywords
parameter
page request
label
vue
tag
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202210324492.4A
Other languages
English (en)
Inventor
陈圣君
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Bank of China Ltd
Original Assignee
Bank of China Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Bank of China Ltd filed Critical Bank of China Ltd
Priority to CN202210324492.4A priority Critical patent/CN114637508A/zh
Publication of CN114637508A publication Critical patent/CN114637508A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/36—Software reuse
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/40—Transformation of program code
    • G06F8/41—Compilation
    • G06F8/43—Checking; Contextual analysis
    • G06F8/433—Dependency analysis; Data or control flow analysis
    • G06F8/434—Pointers; Aliasing
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/40—Transformation of program code
    • G06F8/54—Link editing before load time

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本说明书涉及web前端开发技术领域，提供了一种基于VUE的标签参数传递方法、装置、设备及存储介质，该方法包括：接收页面请求；基于VUE组件的全局前置守卫钩子函数验证所述页面请求中的标签参数的合法性；所述标签参数用于收集用户浏览行为；当所述页面请求中的标签参数通过合法性验证时，基于所述VUE组件的全局后置守卫钩子函数将所述标签参数缓存于所述VUE组件的VUEX模块中；在所述页面请求跳转至目标页面时，从所述VUEX模块中获取所述标签参数并提交至服务端处理。本说明书实施例可以提高标签参数在页面间传递的正确性和安全性，并减少开发代码量。

Description

基于VUE的标签参数传递方法、装置、设备及存储介质
技术领域
本说明书涉及web前端开发技术领域，尤其是涉及一种基于VUE的标签参数传递方法、装置、设备及存储介质。
背景技术
打标是对用户浏览网页进行行为分析的一个重要统计手段，通过在URL(UniformResource Locator，统一资源定位器)里添加标签参数，在后台请求时提交，最终将标签参数留存到后台。目前，最常用的标签参数传递手段就是使用参数显式传递的手段，将标签参数在各页面间不断传递，各页面通过解析URL参数从而获取到标识并在页面的JavaScript方法中使用。例如，HTML页面在外嵌给APP(Application)、小程序或其他页面的链接时，可以通过打开新标签页的方式将标签参数绑定传入H5(即HTML5)以便于进行统计分析。
然而，现有技术方案将标签参数直接暴露在URL中，并在各页面传递，使得非法参数攻击的概率大大增加(例如用户可以直接在URL里修改标签参数)，从而导致统计的数据不准确。不仅如此，对代码开发而言，由于存在多页面跳转，因此需要在每个跳转事件里加入标签参数，大大增加了开发量，且容易遗漏。因此，如何提高标签参数在页面间传递的正确性和安全性，并减少开发代码量，已成为目前亟待解决的技术问题。
发明内容
本说明书实施例的目的在于提供一种页面标签参数传递方法、装置、设备及存储介质，以提高标签参数在页面间传递的正确性和安全性，并减少开发代码量。
为达到上述目的，一方面，本说明书实施例提供了一种基于VUE的标签参数传递方法，包括：
接收页面请求；
基于VUE组件的全局前置守卫钩子函数验证所述页面请求中的标签参数的合法性；所述标签参数用于收集用户浏览行为；
当所述页面请求中的标签参数通过合法性验证时，基于所述VUE组件的全局后置守卫钩子函数将所述标签参数缓存于所述VUE组件的VUEX模块中；
在所述页面请求跳转至目标页面时，从所述VUEX模块中获取所述标签参数并提交至服务端处理。
本说明书实施例的基于VUE的标签参数传递方法，所述基于所述VUE组件的全局前置守卫钩子函数验证所述页面请求中的标签参数的合法性，包括：
基于所述全局前置守卫钩子函数识别所述页面请求所归属的performance事件类型；所述performance事件类型包括创建事件、刷新事件或回退事件；
当所述页面请求所归属的performance事件类型为创建事件时，对所述页面请求中的标签参数进行合法性验证。
本说明书实施例的基于VUE的标签参数传递方法中，对所述页面请求中的标签参数进行合法性验证，包括：
将所述页面请求中的标签参数发送至所述服务端，以由所述服务端对所述标签参数进行合法性验证；
接收所述服务端返回的针对所述标签参数的验证结果；
根据所述验证结果确定所述标签参数的合法性。
本说明书实施例的基于VUE的标签参数传递方法，还包括：
当所述页面请求所归属的performance事件类型为刷新事件或回退事件时，默认所述页面请求中的标签参数合法。
本说明书实施例的基于VUE的标签参数传递方法，还包括：
当所述页面请求中的标签参数未通过合法性验证时，将所述页面请求重定向至报错页面。
本说明书实施例的基于VUE的标签参数传递方法，从所述VUEX模块中获取所述标签参数并提交至服务端处理，包括：
从所述VUEX模块中获取所述标签参数；
将所述标签参数封装至所述页面请求的请求头中；
将封装有所述标签参数的页面请求提交至所述服务端处理。
另一方面，本说明书实施例还提供了一种基于VUE的标签参数传递装置，包括：
接收模块，用于接收页面请求；
验证模块，用于基于VUE组件的全局前置守卫钩子函数验证所述页面请求中的标签参数的合法性；所述标签参数用于收集用户浏览行为；
存储模块，用于当所述页面请求中的标签参数通过合法性验证时，基于所述VUE组件的全局后置守卫钩子函数将所述标签参数缓存于所述VUE组件的VUEX模块中；
提交模块，用于在所述页面请求跳转至目标页面时，从所述VUEX模块中获取所述标签参数并提交至服务端处理。
另一方面，本说明书实施例还提供了一种计算机设备，包括存储器、处理器、以及存储在所述存储器上的计算机程序，所述计算机程序被所述处理器运行时，执行上述基于VUE的标签参数传递方法的指令。
另一方面，本说明书实施例还提供了一种计算机存储介质，其上存储有计算机程序，所述计算机程序被计算机设备的处理器运行时，执行上述基于VUE的标签参数传递方法的指令。
另一方面，本说明书实施例还提供了一种计算机程序产品包括计算机程序，所述计算机程序被计算机设备的处理器运行时，执行上述基于VUE的标签参数传递方法的指令。
由以上本说明书实施例提供的技术方案可见，本说明书实施例中，通过使用VUE组件进行标签参数缓存取代现有的浏览器URL参数互传，从而实现了页面间参数隐式传递，使得标签参数不易被修改；并且，通过对标签参数合法性验证进行控制，从而进一步降低了标签参数被修改的可能性，从而提高标签参数在页面间传递的正确性和安全性。此外，还可以使用VUE钩子函数对页面间跳转行为进行公共处理，从而减少各个VUE页面间单独处理，减少了代码量开发。
附图说明
为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本说明书中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。在附图中：
图1示出了本说明书一些实施例中的业务系统的结构示意图；
图2示出了本说明书一些实施例中基于VUE的标签参数传递方法的流程图；
图3示出了本说明书一些实施例中基于VUE的标签参数传递的示意图；
图4示出了本说明书一些实施例中基于VUE的标签参数传递装置的结构框图；
图5示出了本说明书一些实施例中计算机设备的结构框图。
【附图标记说明】
10、客户端；
20、服务端；
41、接收模块；
42、验证模块；
43、存储模块；
44、提交模块；
502、计算机设备；
504、处理器；
506、存储器；
508、驱动机构；
510、输入/输出接口；
512、输入设备；
514、输出设备；
516、呈现设备；
518、图形用户接口；
520、网络接口；
522、通信链路；
524、通信总线。
具体实施方式
为了使本技术领域的人员更好地理解本说明书中的技术方案，下面将结合本说明书实施例中的附图，对本说明书实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本说明书一部分实施例，而不是全部的实施例。基于本说明书中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本说明书保护的范围。
鉴于现有web前端开发技术中存在标签参数在页面间传递的正确性和安全性低，且开发代码量大的问题，本说明书实施例提供了基于VUE组件的标签参数传递的技术方案，以提高标签参数在页面间传递的正确性和安全性，并减少开发代码量。其中，VUE组件即为VUE.JS，其是一套构建用户界面的渐进式JavaScript框架。与其他重量级框架不同的是，VUE组件采用自底向上增量开发的设计；VUE组件的核心库只关注视图层，并且易学习，易与其它库或已有项目整合。
图1中示出了本说明书一些实施例的业务系统，其可以包括客户端10和服务端20。其中，客户端10可以接收页面请求；基于VUE组件的全局前置守卫钩子函数验证所述页面请求中的标签参数的合法性；所述标签参数用于收集用户浏览行为；当所述页面请求中的标签参数通过合法性验证时，基于所述VUE组件的全局后置守卫钩子函数将所述标签参数缓存于所述VUE组件的VUEX模块中；在所述页面请求跳转至目标页面时，从所述VUEX模块中获取所述标签参数并提交至服务端20处理。如此，通过使用VUE组件进行标签参数缓存取代现有的浏览器URL参数互传，从而实现了页面间参数隐式传递，使得标签参数不易被修改；并且，通过对标签参数进行合法性验证可以控制标签参数的传递，从而进一步降低了标签参数被修改的可能性，从而提高标签参数在页面间传递的正确性和安全性。此外，通过使用VUE钩子函数对页面间跳转行为进行公共处理，可以减少各个VUE页面间单独处理，减少代码量开发。
在本说明书一些实施例中，所述客户端10可以为台式电脑、平板电脑、笔记本电脑、智能手机、数字助理、智能可穿戴设备等。其中，智能可穿戴设备可以包括智能手环、智能手表、智能眼镜、智能头盔等。当然，所述客户端并不限于上述具有一定实体的电子设备，其还可以为运行于上述电子设备中的软体，例如所述客户端10可以为浏览器、app等。所述服务端20可以为具有运算和网络交互功能的电子设备；也可以为运行于该电子设备中，为数据处理和网络交互提供业务逻辑的软体。
本说明书实施例提供了一种基于VUE的标签参数传递方法，可以应用于上述的客户端侧，参考图2所示，在一些实施例中，所基于VUE的标签参数传递方法可以包括如下步骤：
步骤201、接收页面请求。
步骤202、基于VUE组件的全局前置守卫钩子函数验证所述页面请求中的标签参数的合法性。
步骤203、当所述页面请求中的标签参数通过合法性验证时，基于所述VUE组件的全局后置守卫钩子函数将所述标签参数缓存于所述VUE组件的VUEX模块中。
步骤204、在所述页面请求跳转至目标页面时，从所述VUEX模块中获取所述标签参数并提交至服务端处理。
本说明书实施例的基于VUE的标签参数传递方法中，客户端通过使用VUE组件进行标签参数缓存取代现有的浏览器URL参数互传，从而实现了页面间参数隐式传递，使得标签参数不易被修改；并且，客户端通过对标签参数合法性验证进行控制，从而进一步降低了标签参数被修改的可能性，从而提高标签参数在页面间传递的正确性和安全性。此外，客户端还可以使用VUE钩子函数对页面间跳转行为进行公共处理，从而减少各个VUE页面间单独处理，减少了代码量开发。
客户端向用户展示的页面或用户界面上，嵌入有打开APP、第三方小程序或其他页面的HTML链接；当用户点击该HTML链接时可以触发页面请求，从而使得客户端可以接收到页面请求事件。例如，在一示例性实施例中，某社交平台嵌入的第三方小程序提供了信用卡还款业务；在还款前，当用户从社交平台展示的页面中点击进入第三方小程序时，即触发了一个页面请求。再如，在另一示例性实施例中，当用户在浏览器中浏览某商品的页面时，浏览器可以向用户提供一个或多个销售该商品的电子商务平台链接，当用户点击其中一个电子商务平台链接时，也可以触发一个页面请求。
通过对标签参数进行合法性验证可以控制标签参数的传递，即仅允许通过合法性验证的标签参数缓存于VUE组件的VUEX模块，从而可以进一步降低了被修改的标签参数存入VUEX模块的可能性，进而提高了标签参数在页面间传递的正确性和安全性。
本说明书实施例中的标签参数可用于收集用户浏览行为。具体用于何种用户浏览行为分析，可以由服务端自定义。例如，在一实施例中，标签参数可以用于统计用户使用客户端中特定组件的使用频率(比如统计按钮的点击事件，用于分析用户对功能的使用次数)。在另一实施例中，标签参数也可以用于统计用户使用客户端中特定渠道的渠道参数，以统计用户对于渠道的偏好等。其中，渠道例如是指客户端中关联的外部系统(尤其是第三方系统)，因此，渠道参数可以是客户端中对于不同外部系统自定义的标识符。
例如，在一示例性实施例中，例如若某平台软件内使用xxxx搜索引擎，会在网址后面拼接一些xxxx搜索引擎收集的标识参数。比如在网址：https://m.xxxx.com/？from＝2001中“from＝2001”可以为xxxx搜索引擎收集的标识参数。
VUE组件的全局前置守卫钩子函数是VUE组件中一种全局的路由钩子函数：router.beforeEach函数(或称为router.beforeEach方法)。beforeEach即是指每次每一个路由改变前需执行一遍。router.beforeEach函数包括三个参数：
to:(Route路由对象)即将要进入的目标路由对象to对象下面的属性：pathparams query hash fullPath matched name meta；
from:(Route路由对象)当前导航正要离开的路由；
next:(Function函数)需要调用该方法来决策(resolve)这个钩子。调用方法：next(参数或者参数为空)。
在本说明书的实施例中，利用router.beforeEach函数可进行一些页面加载前处理，即可以在加载页面前在该router.beforeEach方法中执行一些操作(即可以在router.beforeEach函数中增加这些执行这些操作的代码)。比如，在在加载页面前判断用户请求页面的行为，根据行为来判定是否需要进行合法性验证，如合法性验证不通过，还可以在该router.beforeEach方法中进行重定向，即当页面请求中的标签参数未通过合法性验证时，将页面请求重定向至报错页面。
因此，在一些实施例中，基于所述VUE组件的全局前置守卫钩子函数验证所述页面请求中的标签参数的合法性，可以包括：
1)、基于所述全局前置守卫钩子函数识别所述页面请求所归属的performance事件类型。
2)、当所述页面请求所归属的performance事件类型为创建事件时，对所述页面请求中的标签参数进行合法性验证。
所述performance事件类型包括创建事件、刷新事件或回退事件。考虑到外嵌页面一般不存在是手动改链接参数的要求，并且使用隐式传递时，在刷新事件或回退事件中的URL中并不一定存在标识参数；因此，除创建事件外，其余事件(刷新事件或回退事件)在这一步中可以不进行合法性验证(即当所述页面请求所归属的performance事件类型为刷新事件或回退事件时，默认所述页面请求中的标签参数合法)，从而可以直接将所述页面请求中的标签参数缓存于所述VUE组件的VUEX模块中。
在一些实施例中，对所述页面请求中的标签参数进行合法性验证，可以包括：
1)、将所述页面请求中的标签参数发送至服务端，以由所述服务端对所述标签参数进行合法性验证。服务端预定义有用于收集用户行为的标签参数，据此服务端可以判断客户端提供的标签参数是否为是否合法。
2)、接收所述服务端返回的针对所述标签参数的验证结果。
3)、根据所述验证结果确定所述标签参数的合法性。
VUE组件的全局后置守卫钩子函数是VUE组件中另一种全局的路由钩子函数：router.afterEach函数(或称为router.afterEach方法)。afterEach即是指每次每一个路由改变后需执行一遍。router.afterEach函数包括两个参数：
to:(Route路由对象)即将要进入的目标路由对象to对象下面的属性：pathparams query hash fullPath matched name meta；
from:(Route路由对象)当前导航正要离开的路由。
在本说明书的实施例中，利用router.afterEach可进行一些页面加载后处理，即在加载页面后在该router.afterEach方法中执行一些操作(即可以在router.afterEach函数中增加执行这些操作的代码)。例如，可以在加载页面后将页面请求中的标签参数缓存于所述VUE组件的VUEX模块。其中，VUEX模块是一个专门为VUE组件开发的状态管理模式+库,它采用集中式存储方式管理组件的公共状，并以相应的规则保证状态以一种可预测的方式发生变化。
页面请求跳转至目标页面是指：页面请求跳转至至提交页面。例如，以在客户端打开第三方支付平台进行转账支付场景为例，页面跳转至转账支付提交页面时，用户点击“转账”按键时即可以完成转账操作，则该转账支付提交页面即为目标页面。
在一些实施例中，从所述VUEX模块中获取所述标签参数并提交至服务端处理，可以包括：
1)、从所述VUEX模块中获取所述标签参数。
2)、将所述标签参数封装至所述页面请求的请求头中。例如，以页面请求为HTTP请求为例，可以将所述标签参数封装在HTTP请求的请求头Header中。
3)、将封装有所述标签参数的页面请求提交至所述服务端处理。如此，使得提交一次的页面请求即用于获得页面响应，还可以用于服务端统计用户行为参数处理。
参考图3所示，在本说明书另一些实施例中，所述基于VUE的标签参数传递方法可以包括：
步骤1.Performance事件处理。
当有链接被触发时，识别链接对应页面请求所归属的performance事件类型。
步骤2.参数验证。
即当识别链接对应页面请求所归属的performance事件类为创建事件时，需要进行标签参数验证；当验证成功时可以执行步骤3。
步骤3.参数存储。
即将标签参数缓存至VUE组件的VUEX模块。
步骤4.页面跳转。
在本说明书实施例中，在将所述页面请求中的标签参数缓存于所述VUE组件的VUEX模块之后，传入的标签参数件会被映射为本地缓存标签。此后，若页面跳转(例如多页面间跳转)发生时，页面跳转中的标签参数则被替换为对应的本地缓存标签，即页面跳转将不做任何标签参数的传递，仅继续触发步骤1中的performance事件。
步骤5.参数提交。
即将所述标签参数封装在页面请求的请求头中，并通过提交面请求的方式将标签参数提交给服务端处理。
虽然上文描述的过程流程包括以特定顺序出现的多个操作，但是，应当清楚了解，这些过程可以包括更多或更少的操作，这些操作可以顺序执行或并行执行(例如使用并行处理器或多线程环境)。
与上述的基于VUE的标签参数传递方法对应，本说明书实施例还提供了一种基于VUE的标签参数传递装置，该基于VUE的标签参数传递装置可以配置于上述的客户端上。参考图4所示，在一些实施例中，所述基于VUE的标签参数传递装置可以包括：
接收模块41，可以用于接收页面请求；
验证模块42，可以用于基于VUE组件的全局前置守卫钩子函数验证所述页面请求中的标签参数的合法性；所述标签参数用于收集用户浏览行为；
存储模块43，可以用于当所述页面请求中的标签参数通过合法性验证时，基于所述VUE组件的全局后置守卫钩子函数将所述标签参数缓存于所述VUE组件的VUEX模块中；
提交模块43，可以用于在所述页面请求跳转至目标页面时，从所述VUEX模块中获取所述标签参数并提交至服务端处理。
本说明书实施例的基于VUE的标签参数传递装置中，该装置通过使用VUE组件进行标签参数缓存取代现有的浏览器URL参数互传，从而实现了页面间参数隐式传递，使得标签参数不易被修改；并且，该装置通过对标签参数合法性验证进行控制，从而进一步降低了标签参数被修改的可能性，从而提高标签参数在页面间传递的正确性和安全性。此外，该装置还可以使用VUE钩子函数对页面间跳转行为进行公共处理，从而减少各个VUE页面间单独处理，减少了代码量开发。
一些实施例的基于VUE的标签参数传递装置中，所述基于所述VUE组件的全局前置守卫钩子函数验证所述页面请求中的标签参数的合法性，包括：
基于所述全局前置守卫钩子函数识别所述页面请求所归属的performance事件类型；所述performance事件类型包括创建事件、刷新事件或回退事件；
当所述页面请求所归属的performance事件类型为创建事件时，对所述页面请求中的标签参数进行合法性验证。
一些实施例的基于VUE的标签参数传递装置中，对所述页面请求中的标签参数进行合法性验证，包括：
将所述页面请求中的标签参数发送至所述服务端，以由所述服务端对所述标签参数进行合法性验证；
接收所述服务端返回的针对所述标签参数的验证结果；
根据所述验证结果确定所述标签参数的合法性。
一些实施例的基于VUE的标签参数传递装置中，所述验证模块还用于：
当所述页面请求所归属的performance事件类型为刷新事件或回退事件时，默认所述页面请求中的标签参数合法。
一些实施例的基于VUE的标签参数传递装置中，所述验证模块还用于：
当所述页面请求中的标签参数未通过合法性验证时，将所述页面请求重定向至报错页面。
一些实施例的基于VUE的标签参数传递装置中，从所述VUEX模块中获取所述标签参数并提交至服务端处理，包括：
从所述VUEX模块中获取所述标签参数；
将所述标签参数封装至所述页面请求的请求头中；
将封装有所述标签参数的页面请求提交至所述服务端处理。
为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
需要说明的是，本说明书的实施例中，可能涉及用户信息的获取，例如，客户端发起的访问请求可能携带用户信息和数据。但是，本说明书的实施例中所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权同意且经过各方充分授权的信息和数据。
本说明书的实施例还提供一种计算机设备。如图5所示，在本说明书一些实施例中，所述计算机设备502可以包括一个或多个处理器504，诸如一个或多个中央处理单元(CPU)或图形处理器(GPU)，每个处理单元可以实现一个或多个硬件线程。计算机设备502还可以包括任何存储器506，其用于存储诸如代码、设置、数据等之类的任何种类的信息，一具体实施例中，存储器506上并可在处理器504上运行的计算机程序，所述计算机程序被所述处理器504运行时，可以执行上述任一实施例所述基于VUE的标签参数传递方法的指令。非限制性的，比如，存储器506可以包括以下任一项或多种组合：任何类型的RAM，任何类型的ROM，闪存设备，硬盘，光盘等。更一般地，任何存储器都可以使用任何技术来存储信息。进一步地，任何存储器可以提供信息的易失性或非易失性保留。进一步地，任何存储器可以表示计算机设备502的固定或可移除部件。在一种情况下，当处理器504执行被存储在任何存储器或存储器的组合中的相关联的指令时，计算机设备502可以执行相关联指令的任一操作。计算机设备502还包括用于与任何存储器交互的一个或多个驱动机构508，诸如硬盘驱动机构、光盘驱动机构等。
计算机设备502还可以包括输入/输出接口510(I/O)，其用于接收各种输入(经由输入设备512)和用于提供各种输出(经由输出设备514)。一个具体输出机构可以包括呈现设备516和相关联的图形用户接口518(GUI)。在其他实施例中，还可以不包括输入/输出接口510(I/O)、输入设备512以及输出设备514，仅作为网络中的一台计算机设备。计算机设备502还可以包括一个或多个网络接口520，其用于经由一个或多个通信链路522与其他设备交换数据。一个或多个通信总线524将上文所描述的部件耦合在一起。
通信链路522可以以任何方式实现，例如，通过局域网、广域网(例如，因特网)、点对点连接等、或其任何组合。通信链路522可以包括由任何协议或协议组合支配的硬连线链路、无线链路、路由器、网关功能、名称服务器等的任何组合。
本发明实施例还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被所述处理器运行时，执行上述操作系统计时误差修正方法的指令。
本发明实施例还提供一种计算机程序产品，所述计算机程序产品包括计算机程序，所述计算机程序被所述处理器运行时，执行上述操作系统计时误差修正方法的指令。
本申请是参照本说明书一些实施例的方法、设备(系统)、计算机可读存储介质和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理器的处理器以产生一个机器，使得通过计算机或其他可编程数据处理器的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理器以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理器上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中，计算机设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算机设备访问的信息。按照本说明书中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
本领域技术人员应明白，本说明书的实施例可提供为方法、系统或计算机程序产品。因此，本说明书实施例可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本说明书实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本说明书实施例可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书实施例，在这些分布式计算环境中，由通过通信网络而被连接的远程处理器来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
还应理解，在本说明书实施例中，术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系。例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本说明书实施例的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。
以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种基于VUE的标签参数传递方法，其特征在于，包括：
接收页面请求；
基于VUE组件的全局前置守卫钩子函数验证所述页面请求中的标签参数的合法性；所述标签参数用于收集用户浏览行为；
当所述页面请求中的标签参数通过合法性验证时，基于所述VUE组件的全局后置守卫钩子函数将所述标签参数缓存于所述VUE组件的VUEX模块中；
在所述页面请求跳转至目标页面时，从所述VUEX模块中获取所述标签参数并提交至服务端处理。
2.如权利要求1所述的基于VUE的标签参数传递方法，其特征在于，所述基于所述VUE组件的全局前置守卫钩子函数验证所述页面请求中的标签参数的合法性，包括：
基于所述全局前置守卫钩子函数识别所述页面请求所归属的performance事件类型；所述performance事件类型包括创建事件、刷新事件或回退事件；
当所述页面请求所归属的performance事件类型为创建事件时，对所述页面请求中的标签参数进行合法性验证。
3.如权利要求2所述的基于VUE的标签参数传递方法，其特征在于，对所述页面请求中的标签参数进行合法性验证，包括：
将所述页面请求中的标签参数发送至所述服务端，以由所述服务端对所述标签参数进行合法性验证；
接收所述服务端返回的针对所述标签参数的验证结果；
根据所述验证结果确定所述标签参数的合法性。
4.如权利要求2所述的基于VUE的标签参数传递方法，其特征在于，还包括：
当所述页面请求所归属的performance事件类型为刷新事件或回退事件时，默认所述页面请求中的标签参数合法。
5.如权利要求1所述的基于VUE的标签参数传递方法，其特征在于，还包括：
当所述页面请求中的标签参数未通过合法性验证时，将所述页面请求重定向至报错页面。
6.如权利要求1所述的基于VUE的标签参数传递方法，其特征在于，从所述VUEX模块中获取所述标签参数并提交至服务端处理，包括：
从所述VUEX模块中获取所述标签参数；
将所述标签参数封装至所述页面请求的请求头中；
将封装有所述标签参数的页面请求提交至所述服务端处理。
7.一种基于VUE的标签参数传递装置，其特征在于，包括：
接收模块，用于接收页面请求；
验证模块，用于基于VUE组件的全局前置守卫钩子函数验证所述页面请求中的标签参数的合法性；所述标签参数用于收集用户浏览行为；
存储模块，用于当所述页面请求中的标签参数通过合法性验证时，基于所述VUE组件的全局后置守卫钩子函数将所述标签参数缓存于所述VUE组件的VUEX模块中；
提交模块，用于在所述页面请求跳转至目标页面时，从所述VUEX模块中获取所述标签参数并提交至服务端处理。
8.一种计算机设备，包括存储器、处理器、以及存储在所述存储器上的计算机程序，其特征在于，所述计算机程序被所述处理器运行时，执行根据权利要求1-6任意一项所述方法的指令。
9.一种计算机存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被计算机设备的处理器运行时，执行根据权利要求1-6任意一项所述方法的指令。
10.一种计算机程序产品，其特征在于，所述计算机程序产品包括计算机程序，所述计算机程序被计算机设备的处理器运行时，执行根据权利要求1-6任意一项所述方法的指令。
CN202210324492.4A 2022-03-30 2022-03-30 基于vue的标签参数传递方法、装置、设备及存储介质 Pending CN114637508A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210324492.4A CN114637508A (zh) 2022-03-30 2022-03-30 基于vue的标签参数传递方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210324492.4A CN114637508A (zh) 2022-03-30 2022-03-30 基于vue的标签参数传递方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
CN114637508A true CN114637508A (zh) 2022-06-17

Family

ID=81952440

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210324492.4A Pending CN114637508A (zh) 2022-03-30 2022-03-30 基于vue的标签参数传递方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN114637508A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115544404A (zh) * 2022-09-02 2022-12-30 北银金融科技有限责任公司 一种h5单页应用路由组件动态缓存方法

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115544404A (zh) * 2022-09-02 2022-12-30 北银金融科技有限责任公司 一种h5单页应用路由组件动态缓存方法

Similar Documents

Publication Publication Date Title
US11283596B2 (en) API request and response balancing and control on blockchain
US10567320B2 (en) Messaging balancing and control on blockchain
US11023896B2 (en) Systems and methods for real-time processing of data streams
US10747828B2 (en) Systems and methods for single page application server side renderer
CN104461491B (zh) 一种Hybrid组件的运行方法和系统
CN112241506B (zh) 用户行为的回溯方法、装置、设备及系统
CN106897053A (zh) 一种代码发布方法与装置
US11637839B2 (en) Automated and adaptive validation of a user interface
CN110795305A (zh) 用于处理和管理web流量数据的系统、装置和方法
CN111145019A (zh) 一种在区块链上获取链外数据的方式和系统
CN111859205A (zh) 一种用于批量处理任务的解析方法及设备
CN110213105A (zh) 一种跨平台微应用创建方法
CN114637508A (zh) 基于vue的标签参数传递方法、装置、设备及存储介质
US10885565B1 (en) Network-based data discovery and consumption coordination service
CN110858242A (zh) 页面跳转方法及装置
US20230306128A1 (en) Systems and methods for using secure, encrypted communications across distributed computer networks to provide variable resiliency when indexing blockchain states for performing blockchain operations in decentralized applications using cryptography-based digital repositories
US10268536B2 (en) Secure debugging with an encrypted token
CN108737133A (zh) 用于cdn静态网络修复的方法及装置
CN113064987A (zh) 数据处理方法、装置、电子设备、介质和程序产品
CN113377376A (zh) 数据包生成方法、数据包生成装置、电子设备及存储介质
US11055196B1 (en) System and method for optimizing technology stack architecture
US20240098036A1 (en) Staggered payload relayer for pipelining digital payloads across network services
US11895178B2 (en) Method and device for providing obfuscated advertisement by couteracting on advertisement blocking function
Pop et al. Performance Evaluation for an E-Business Platform
CN117880008A (zh) 基于网关的业务请求处理方法、装置、设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination