前端面试 跨域理解

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

相关推荐
FanetheDivine2 分钟前
发现一个Solid中的坑
前端·javascript·react.js
Cache技术分享12 分钟前
40. Java 使用 `switch` 语句进行分支选择
前端·后端
zzkrix19 分钟前
浏览器插件 - kimi 历史会话清理助手
前端
前端开发张小七23 分钟前
11.Python设计模式:单例模式与工厂模式实战指南
前端·python
yanyu-yaya31 分钟前
第四章 react-redux,@reduxjs/toolkit依赖,学习
前端·学习·react.js
小付同学呀36 分钟前
前端快速入门学习3——CSS介绍与选择器
前端·css·学习
Jenlybein37 分钟前
快速了解浏览器原理及工作流程
前端·浏览器
醋醋37 分钟前
vue2源码记录(2)
前端·vue.js
前端飞天猪38 分钟前
学习笔记:企业级Git代码规范与协作指南💖
前端·github
艾克马斯奎普特38 分钟前
Vue.js 3 渐进式实现之响应式系统——第五节:分支切换与 cleanup
前端·vue.js