首页 前端知识 本地vue项目测试iframe嵌入本地页面,虽然ip相同但是端口不一样但是报错vue.runtime.esm.js:619 [Vue warn]: Error in v-on handler: "SecurityError: Blocked a frame with origin "http://192.168.41.35:9528" from accessing a cross-origin frame."如何解决

本地vue项目测试iframe嵌入本地页面,虽然ip相同但是端口不一样但是报错vue.runtime.esm.js:619 [Vue warn]: Error in v-on handler: "SecurityError: Blocked a frame with origin "http://192.168.41.35:9528" from accessing a cross-origin frame."如何解决

2024-04-19 16:04:23 前端知识 前端哥 61 728 我要收藏
这个错误是由于浏览器的同源策略导致的,即不允许在不同端口的情况下从一个iframe中访问另一个iframe。解决方法有两种: 1. 使用同一域名和端口:尽量将你的iframe页面和主页面放在同一个域名和端口下,这样就不会出现跨域访问的问题。 2. 设置跨域访问头部:如果无法避免不同端口,可以通过在服务器端设置跨域访问头部来解决此问题。在被嵌入的页面中添加以下代码可以允许跨域访问: ```html ``` 这样就可以解决跨域访问的问题。希望对你有帮助。
转载请注明出处或者链接地址:https://www.qianduange.cn//article/5247.html
标签
评论
发布的文章

用js生成小米商城

2024-04-27 21:04:59

网页汇率计算器vue代码

2024-04-26 13:04:44

Python读写Json文件

2024-04-23 22:04:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!