按情境分 1、不跨域时 2、主域相同、子域不同时 3、主域不同不跨域时访问iframe： contentWindow 访问父级：parent 访问顶级：topa.html<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="te
1.什么是跨域跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。所谓同源是指，域名，协议，端口都相同。浏览器执行javascript脚本时，会检查这个脚本属于哪个页面，如果不是同源页面，就不会被执行。2.跨域的常见解决方法目前来讲没有不依靠服务器端来跨域请求资源的技术jsonp 需要目标服务器配合一个callback函数。wind
转载
2024-04-02 22:09:02
727阅读
一、nginx描述nginx是一个代理服务器，中间件二、nginx正向代理、反向代理三、使用原因在维护老项目做融合时，需要将项目合并在同一项目中；因为使用了单点登录，融合的框架使用的是iframe，由于嵌入的链接地址不同源，导致iframe中登录跨域，cookie丢失。同IP不同端口是可以携带cookie的，因此决定使用nginx代理去完成。四、相关代码解析# 最外层，全局配置块，用于配置ngin
文章目录Nginx系列一、Nginx配置WebSocket反向代理1、什么是WebSocket2、WebSocket如何安装和启动我这边就不多说了直接上配置二、Nginx资源压缩 &n
1、nginx防盗链 该部分配置可以和上章节的配置结合使用 增加如下配置内容location ~* ^.+\.(gif|jpg|png|swf|flv|rar|zip|doc|pdf|gz|bz2|jpeg|bmp|xls)$
{
expires 7d;
valid_referers none blocked server_names *.test.com ;
#定义白名单的refer
一:Nginx 在 Linux 下的安装1.环境准备yum install gcc-c++
yum install -y pcre pcre-devel
yum install -y zlib zlib-devel
yum install -y openssl openssl-devel2.nginx下载安装官方网站下载 nginx：http://nginx.org/
第一步：把 nginx 的源
转载
2024-07-25 12:15:39
24阅读
如今，RestFul接口服务比较流行，应用通过一套Http的API，并用json或者xml作为交互的数据格式来提供服务。这么做有效地实现了web项目，前后端的分离。从而使得架构更加开放，这套API可以同时给多套前端项目提供服务，包括web端和APP端。什么是跨域？跨域问题的由来是浏览器的同源策略。 所谓同源是指，域名，协议，端口相同。浏览器执行javascript脚本时，会检查这个脚本属于那个页
为什么有跨域问题什么是跨域当前URl请求URL是否跨域原因http://www.zhihu.com/a.htmlhttp://www.zhihu.com/b.html否本域（协议、域名、端口号相同）http://www.zhihu.comhttps://www.zhihu.com是协议不同（http、https）http://www.zhihu.comhttp://www.baidu.com是域名
这里不再赘述同源政策。 1.cookie的跨域 只有同源的网站才能共享Cookie，但是如果两个网站一级域名相同，只是二级域名不同，那么就有两种解决的方法： A：在两个页面上设置相同的document.domain，那么cookie可以共享。 B：或者在服务端，在cookie上设置相同的domain2.iframe的跨域 父窗口获取不到子窗口的dom，子窗口也获取不到父窗口的dom；如果
谷粒商城高级篇01(环境搭建nginx)我们高级篇篇02介绍了获取三级前端三级分类，这里进行补充，nginx动静分离，前端页面渲染thymeleaf等…1.thymeleaf首先喃，这个前端框架确实是一个很老的东西了，现在基本是nuxt,vue，react等热门框架了，这个也只是给大家熟悉的，重点是后端哟。1.1.依赖的引入<!-- 引入thymeleaf-->
<depende
基础配置#关闭防火墙
[root@node2 ~]# systemctl stop firewalld
[root@node2 ~]# systemctl disable firewalld
#清空iptables规则
[root@node2 ~]# iptables -F
[root@node2 ~]# iptables -X
[root@node2 ~]# iptables -Z
[root@
转载
2024-10-10 13:31:20
62阅读
文章目录一、Nginx 介绍1.1 反向代理1.2 负载均衡1.3 动静分离二、安装 Nginx （Ubuntu 20.04下）三、Nginx 常用命令四、Nginx 配置简介五、配置反向代理5.1 简单的反向代理5.2 根据请求路径转发到不同的服务器六、配置负载均衡七、配置动静分离 一、Nginx 介绍Nginx 是一个开源、快速、轻量级和高性能的 web 服务器，可直接作为静态网页服务器使用
转载
2024-04-02 21:59:34
143阅读
#nginx配置location总结1. 语法规则location [=||*|^~] /uri/ { … }模式含义location = /uri= 表示精确匹配，只有完全匹配上才能生效location ~ pattern表示区分大小写的正则匹配location ~* pattern表示不区分大小写的正则匹配location ^~ /uri^~ 开头对URL路径进行前缀匹配，并且在正则之前，Ng
转载
2024-04-28 09:59:13
39阅读
会话技术： 会话：浏览器访问服务器端，发送多次请求，接受多次响应。直到有一方断开连接。会话结束。 解决问题：可以使用会话技术，在一次会话的多次请求之间共享数据。 分类
【此方法 如果使用cookie作为登录状态，在A、B为非同站点(SameSite)的情况下不会生效，因为iframe 在非 同站点 的情况下无法携带cookie， 参考，参考】所以可以使用localstorage，localstorage在iframe中使用没有限制, 但是localstorage二级域名和根域名不能共享，除非手动在二级域名下设置document.domain = “根域名”！在i
一、Iframe标记的使用Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，一个形象的比喻即“画中画“电视。现在我们谈
转载
2024-05-30 14:25:55
498阅读
前几天做一个网页上查看pdf等文档的功能，然后网上查了一下发现可以使用iframe来预览，然后就去试了一下<iframe width="100%" height="95%" seamless scrolling="yes" :src="iframeSrc"></iframe>然后去试了一下，发现控制台报错，页面上iframe里面的body也是空的Resource inter
转载
2024-06-07 16:07:25
314阅读
前言Nginx("engine x")是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的 Web和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。Nginx在部署网站时，可以说是小伙伴们的首选，当然不能说全部项目都使用，对于一些小项目，直接IIS(.Net)、Tomcat(Java)等就搞定了，但对于大项目或微服务架构，Nginx肯定是少不了啦，一张图看清Ng
业务场景：列表页面添加一个导入功能,该导入功能由第三方页面提供，导入完成后需要通知主列表刷新数据。先来看看iframe跨域调用父页面的实现逻辑(以postMessage方式为例) (postMessage介绍：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage )1.父页面html
转载
2024-08-01 12:57:25
93阅读
什么是跨域跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：
1.) 资源跳转： A链接、重定向、表单提交
2.) 资源嵌入：<link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链 3.
转载
2024-08-21 15:48:56
197阅读
