前端面试 跨域理解

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之间的通信。

相关推荐
gogoing9 小时前
ESLint 配置字段说明
前端·javascript
gogoing9 小时前
CSS 属性值计算过程(Computed Value)
前端·css
gogoing9 小时前
webpack 的性能优化
前端·javascript
桃花键神9 小时前
Bright Data Web Scraping指南 2026: 使用 MCP + Dify 自动采集海外社交媒体数据
大数据·前端·人工智能
gogoing9 小时前
await fetch() 的两阶段设计
前端·javascript
gogoing9 小时前
前端首屏加载优化
前端·javascript
gogoing10 小时前
重排与重绘
前端·javascript
打小就很皮...10 小时前
基于Python + LangChain + 通义千问的聊天机器人实战
前端·langchain·机器人·千问
REDcker10 小时前
个人博客网站建设指南 Markdown资产化与静态站选型部署
前端·后端·博客·markdown·网站·资产·建站
zhangfeng113310 小时前
小龙虾 wordbuddy 安装浏览器控制器 agent-browser npm install -g agent-browse
前端·人工智能·npm·node.js