对于上传文件，通常前台上传文件至后台时，后台是一个 Servlet 来处理请求，而 Servlet 处理请求中，通常会有返回页面，所以如果要做到界面显示，而不会让用户感觉有因为上传而产生的刷屏的样子，应该做一个类似于 AJAX 的表现，来进行局部刷新，不过 AJAX 本身而言，并不支持 form 的 post 方式的文件提交，所以不能用 AJAX 来进行上传文
随着浏览器性能的提升，前端也越来越关注用户体验，而影响用户体验其中一个很重要的指标便是受首屏渲染速度。我们常常会针对样式、脚本、图片、音频、视频等资源做处理，比如针对样式和脚本的压缩合并，将图片合并成雪碧图、将小图转化成base64、延迟加载等减少网络请求次数。现在大部分web应用含有大量的图片，对图片进行延迟加载无疑极大提升用户体验。以往我们可能会通过对比底部图片据可视区底部距离、窗口高度、滚动
转载
2024-07-27 15:10:18
177阅读
按情境分 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
729阅读
一、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("engine x")是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的 Web和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。Nginx在部署网站时，可以说是小伙伴们的首选，当然不能说全部项目都使用，对于一些小项目，直接IIS(.Net)、Tomcat(Java)等就搞定了，但对于大项目或微服务架构，Nginx肯定是少不了啦，一张图看清Ng
引言Nginx是集Web服务器+反向代理+负载均衡于一体，通常作为负载均衡器暴露在外网接受用户请求，使用其反向代理的功能，将用户的请求转发到实际提供服务的内网服务器。docker启动docker run -p80:80 --name nginx -d nginx:1.10将容器内的配置文件拷贝到当前目录 （注意后面有个小点）会在当前目录产生一个nginx文件夹docker container cp
iframe跨域传值或者调用方法，原理就是一个window可以获取跨域的window的iframe，但是不可以获取其他属性，而获取的这个iframe的window也一样可以获取跨域的其他window的iframe，而不可以获取该window其他属性，但是可以获取同域的。那就可以通过window一层层找到同域的其他window，获取其某个全局变量。 好像有点绕，简单来说就是：window获取跨域的
一: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阅读
真实案例：查看nginx日志，发现别有用心的人恶意调用API接口刷短信：30966487 115.213.229.38 "-" [05/Jun/2018:14:37:29 +0800] 0.003 xxxxxx.com "POST /xxx/sendCheckCode HTTP/1.1" 401 200 46 xx.xx.xx.xx:0000 0.003 200 "Mozilla/5.0 (Win
转载
2024-06-21 13:56:51
47阅读
如今，RestFul接口服务比较流行，应用通过一套Http的API，并用json或者xml作为交互的数据格式来提供服务。这么做有效地实现了web项目，前后端的分离。从而使得架构更加开放，这套API可以同时给多套前端项目提供服务，包括web端和APP端。什么是跨域？跨域问题的由来是浏览器的同源策略。 所谓同源是指，域名，协议，端口相同。浏览器执行javascript脚本时，会检查这个脚本属于那个页
一般情况下都是用在同一域下的ajax请求；但是如果请求是发生在不同的域下，请求就无法执行，并且会抛出异常提示不允许跨域请求,接下来介绍利用iframe实现ajax跨域通信感兴趣的朋友可以了解下，或许对你学习ajax跨域有所帮助
在漫长的前端开发旅途上，无可避免的会接触到ajax，而且一般情况下都是用在同一域下的ajax请求；但是如果请求是发生在不同的域下，请求就无法执行，并且会抛出异常提
#nginx配置location总结1. 语法规则location [=||*|^~] /uri/ { … }模式含义location = /uri= 表示精确匹配，只有完全匹配上才能生效location ~ pattern表示区分大小写的正则匹配location ~* pattern表示不区分大小写的正则匹配location ^~ /uri^~ 开头对URL路径进行前缀匹配，并且在正则之前，Ng
转载
2024-04-28 09:59:13
39阅读
文章目录一、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阅读
基础配置#关闭防火墙
[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
66阅读
谷粒商城高级篇01(环境搭建nginx)我们高级篇篇02介绍了获取三级前端三级分类，这里进行补充，nginx动静分离，前端页面渲染thymeleaf等…1.thymeleaf首先喃，这个前端框架确实是一个很老的东西了，现在基本是nuxt,vue，react等热门框架了，这个也只是给大家熟悉的，重点是后端哟。1.1.依赖的引入<!-- 引入thymeleaf-->
<depende
这里不再赘述同源政策。 1.cookie的跨域 只有同源的网站才能共享Cookie，但是如果两个网站一级域名相同，只是二级域名不同，那么就有两种解决的方法： A：在两个页面上设置相同的document.domain，那么cookie可以共享。 B：或者在服务端，在cookie上设置相同的domain2.iframe的跨域 父窗口获取不到子窗口的dom，子窗口也获取不到父窗口的dom；如果
为什么有跨域问题什么是跨域当前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是域名
