首页 > 其他分享 >iframe 无法正确展示内容

iframe 无法正确展示内容

时间:2023-08-01 22:34:29浏览次数:48  
标签:http yl 预览 展示 地址 iframe 正确

问题描述:

在内嵌 iframe 使用预览服务无法正确展示内容,在新开页面使用预览服务无问题。

问题分析:

1、地址是否正确:iframe 地址和新开页面一致:

2、浏览器同源策略:iframe 地址和父级窗口地址不同源。

解决方案:

配置预览服务代理。

1、本地环境

devServer: {
 proxy: {
   '/yl': {
     target: 'http://xxxx/yl/',
     pathRewrite: {
       '/yl': ''
    }
  },
}
}

2、正式环境

location /yl {
 proxy_pass http://xxxx/yl;
}

参考资料:

浏览器的同源策略

标签:http,yl,预览,展示,地址,iframe,正确
From: https://www.cnblogs.com/wxyblog/p/17349451.html

相关文章

  • 篮球比赛现场信息管理实时展示系统-开发随笔1
    关键字:篮球比赛排球比赛足球比赛 比赛管理训练管理训练数据采集实时展示比赛报分比分展示LED大屏场馆大屏[当前现状]体育场馆内的LED显示屏作为广告、比赛信息显示和比赛实况播放最重要的载体之一,已成为现代化体育场馆的必备设施。各类体育赛事通过显示屏传达给更多......
  • 记录--五个有用的iframe踩坑问题,快收藏!
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 你不会还不知道iframe不能嵌入百度首页吧?为了丰富用户体验,我们常常会将其他网站的内容嵌入到自己的网页中。然而,随之而来的是一个常见的问题:Iframe嵌入网站无法正常使用。你是否也曾遇到过这个困扰,不知道该如......
  • 无法访问org.springframework.context.annotation.Bean 错误的类文件:类文件具有错误
    Spring6和SpringBoot3不再支持Java8,最低版本为JDK17,请升级JDK>=17,同时IDEA>=2021.2长期使用的Java8,这次报错一直切换Spring依赖版本,没想到是Java太旧了,而且IDEA小于2021.2版本也不支持Java17来源SpringSecurity教程的源码,本地打开,各种依赖报错Error:(6,46)java......
  • 什么是追词?正确操作是怎样的呢
    追词的含义:追词顾名思义,就是追踪关键词,简单地说就是在关键词排名进入搜索引擎搜索结果100名之后使用一些SEO操作方法将该关键词做到搜索结果首页的过程。正确的操作方法是怎样的?关键词的分析和筛选是至关重要的,必须对此非常重视。在这个过程中不仅要确定明白关键词,更要确定长尾关键......
  • Unity之 GameObject.Find()路径正确却找不到物体
    有一个需求,需要用代码找到一个GameObject并将其取消激活。我是这么写的:GameObject.Find("mainCanvas").SetActive(false);但你运行后就会发现它报错;而报错的内容是找不到物体。反复核实路径正确,且物体确实是激活状态后我对这个代码的报错感到很不解。直到我把代码改成了:v......
  • [Pwn之路]根据所给库,获得远程同环境——使用patchelf的正确姿势
    原文:https://www.freebuf.com/sectool/366854.html存自己这里方便看。0x00前言如何修改本地pwn文件和题目所给环境一致,从而进行调试,这是从学习堆开始就遇到的心头之患。从那以后,直到今天参加完miniLCTF,为了复现一道题目才把这个问题解决掉。网上的博客,参差不齐,由于本人不才,导......
  • 如何正确理解JavaScript中的函数和方法
    你真的了解JavaScript的函数和方法吗?你知道它们有什么区别吗?你知道它们是如何定义和调用的吗?你知道它们是如何影响this值的吗?如果你对这些问题感到迷茫,那么本文就是为你准备的。本文将从基础开始,详细解释函数和方法的概念、特点、用法和联系,让你彻底弄清楚函数和方法的奥秘。JavaSc......
  • Map和Object:JS如何根据需求选择正确的键值对数据结构
    Map和Object都是JavaScript中常用的数据结构,它们都可以用来存储键值对(key-valuepairs)。但是,它们之间也有一些重要的区别,了解这些区别可以帮助我们选择更合适的数据结构来满足我们的需求。公众号:Code程序人生,个人网站:https://creatorblog.cnObject的特点Object是JavaScript中最基本......
  • 前端系列21集-vue3,轨迹展示
    AMap.InfoWindow<template><div><div:style="customStyle"class="custom-box"><!--Yourcontenthere--></div></div></template><scriptsetup>import{ref,reactive......
  • 为什么使用 CDN 需要 Angular 应用正确返回 HTTP 200 和 404 状态码
    CDN(ContentDeliveryNetwork)是内容分发网络,它的目的是通过在各地建立节点缓存数据,使用户可以就近获取数据,从而提高数据获取的速度和稳定性。Angular是一种用于构建客户端应用的开发平台。它带来了一种新的方式来构建应用,完全是在浏览器中运行,无需借助任何后端服务。HTTP200......