首页 前端知识 本地vue项目测试iframe嵌入本地页面,但是报错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嵌入本地页面,但是报错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:26 前端知识 前端哥 667 384 我要收藏
这个错误是由于同源策略(Same Origin Policy)所致,浏览器默认情况下不允许跨域页面的访问。 要解决这个问题,可以尝试以下几种方法: 1. 将要嵌入的页面也部署到和父页面同一个域名下,这样就不会存在跨域访问的问题。 2. 如果无法修改要嵌入的页面的域名,可以在被嵌入的页面中添加以下HTTP响应头,允许特定域名的跨域访问: ``` X-Frame-Options: allow-from http://192.168.41.35:9528 ``` 3. 如果要嵌入的页面是自己控制的,并且使用了Vue.js,可以考虑通过Vue Router 的导航守卫来解决跨域访问问题。在导航守卫中根据条件来控制是否允许页面被嵌入。 希望以上方法能够帮助您解决这个问题。
转载请注明出处或者链接地址:https://www.qianduange.cn//article/5246.html
标签
评论
发布的文章

用js生成小米商城

2024-04-27 21:04:59

网页汇率计算器vue代码

2024-04-26 13:04:44

Python读写Json文件

2024-04-23 22:04:19

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