需求说明:
将web端定制的页面嵌入到客户端中,在客户端跳转到web页面时将参数存在URL中,再由web页面从URL中提取参数。
如:查看设备日志功能,查询设备日志页面为web定制页面,客户端中需要查询某台设备的日志时,在调转到web页面时将设备id存在URL中,web页面渲染前先从URL中获取设备id。此处通过 query-string
获取设备id。
步骤:
-
安装query-string插件:
npm i -save-dev query-string
-
在页面引入 query-string
import queryString from ‘query-string‘;
-
获取地址栏中的参数,URL如:https://www.cnblogs.com?id=123456
useEffect(() => { const { id } = getSearch(location.search) console.log("设备id==", id as string) }, [])