跨域数据共享方案,突破浏览器同源限制，共享localStorage数据；
npm install --save cross-data
# or
yarn add cross-data
-
创建hub.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Hub</title> </head> <body> <script src="../dist/hub.js"></script> <script> new Hub(safeDomain, prefix); </script> </body> </html>
-
项目中添加client
import Client from 'cross-data/dist/client.js'; const client = new Client({ iframeUrl: 'https://test.example.com/hub.html' // hub.html文件的目录 }) // 写数据 client.set(key, value).then(res => { console.log('操作成功') }) // 读数据 client.get(key).then(data => { console.log(data) })
-
new hub() 参数
参数名 类型 说明 默认值 safeDomain RegExp 域名白名单，正则表达式 /.*/ prefix String key前缀 空 -
client API方法
-
set(key, value): 设置数据
-
get(key): 获取数据
-
remove(key): 删除数据
-
clear(): 清空所有数据
以上api都返回一个Promise对象
-
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent