前端面试 跨域理解

2 实现

2-1 JSONP 实现

2-2 nginx 配置

2-2 vue 开发中 webpack自带跨域

2 -3 下载CORS 插件 或 chrome浏览器配置跨域

2-4 通过iframe

如:aaa.com 中读取bbb.com的localStorage

1)在aaa.com的页面中,在页面中嵌入一个src为bbb.com的iframe,此时这个iframe里可以调用bbb.com的localStorage。

<iframe id="bbb-iframe" src="https://bbb.com/page1.html" style="display:none;"></iframe>

2)用postMessage方法实现页面与iframe之间的通信。

相关推荐
一个处女座的程序猿O(∩_∩)O2 分钟前
React 多组件状态管理:从组件状态到全局状态管理全面指南
前端·react.js·前端框架
鹏多多4 分钟前
用useTransition解决React性能卡顿问题+实战例子
前端·javascript·react.js
只愿云淡风清14 分钟前
ECharts地图数据压缩-ZigZag算法
前端·javascript·echarts
亿元程序员22 分钟前
都2025年了,还有面试问A*寻路的???
前端
Moment22 分钟前
Node.js v25.0.0 发布——性能、Web 标准与安全性全面升级 🚀🚀🚀
前端·javascript·后端
杨超越luckly27 分钟前
HTML应用指南:利用POST请求获取中国一汽红旗门店位置信息
前端·arcgis·html·数据可视化·门店数据
专注前端30年31 分钟前
【JavaScript】every 方法的详解与实战
开发语言·前端·javascript
速易达网络34 分钟前
Java Web登录系统实现(不使用开发工具)
java·开发语言·前端
IT_陈寒37 分钟前
Vite 3.0 性能优化实战:5个技巧让你的构建速度提升200% 🚀
前端·人工智能·后端
金士顿39 分钟前
EC-Engineer SDK 核心 API 使用指南
前端