静态 页面nginx build
Nginx+upstream针对后端服务器容错的配置说明
Nginx+upstream针对后端服务器容错的配置说明 熟练掌握Nginx负载均衡的使用对运维人员来说是极其重要的！下面针对Nignx负载均衡upstream容错机制的使用做一梳理性说明： 一、nginx的upstream容错 1）nginx 判断节点失效状态Nginx默认判断失败节点状态以con ......
nginx的443端口+虚拟主机
https配置端口：443生成证书文件；@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@虚拟主机的配置内容server块虚拟主机：（一）虚拟主机概念虚拟主机指的是一台运行在因特网上的服务器主机分成了多台虚拟的主机，每台虚拟主机是一个独立的站点，虚拟主机可以具有独立 ......
odoo nginx
Nginx实例 完整Nginx.conf示例 参考官方文档即可 #odoo server upstream odoo { server 127.0.0.1:8069; } upstream odoochat { server 127.0.0.1:8072; } map $http_upgrade $ ......
nginx日志耗时打点分析
目前，多数情况下，nginx都在充当负载均衡的内容。 那么，nginx就会有两个明显的耗时节点。 1. 请求到nginx的耗时 2. nginx转发出去数据等待回传的耗时 其中 1 通常为业务方/客户端的请求耗时，2 通常为后端的请求耗时。 在nginx日志里面，这俩个打点，名称举例为: reque ......
前端页面部署之后刷新页面之后出现HTTP 错误 404.0 - Not Found错误问题解决
前端页面部署能正常访问，但是一旦刷新页面就报如下错误：404.0 - Not Found 解决办法：下载IIS URL重写模版，并安装。下面为安装地址： URL Rewrite : The Official Microsoft IIS Site 安装之后IIS中出现如下IIS重写模块： 点击进去添加 ......
Vue 设置为history模式之后，刷新页面报404错误的解决办法
网上搜索出现很多修改前端或后端的方法试了都不行，后来在IIS中添加URL重写规则就解决了（如果没有Url重写模块,需要下载安装：rewrite_amd64_zh-CN.msi），设置重写之后会在网站前端根目录下生成一个web.config文件。所以如果嫌配置url重写麻烦的话，直接把这个web.co ......
Vue多页面和单页面的场景
开发分类 实现方式 页面性能 开发效率 用户体验 学习成本 首屏加载 SEO 单页 一个html页面 按需更新性能高 高 非常好 高 慢 差 多页 多个html页面 整页更新性能低 中等 一般 中等 快 优 场景 单页面应用 系统类网站 内部网站 文档类网站 移动端站点 多页面应用 公司官网 电商类 ......
打工笔记----------------------------iframe重定向让父级页面跳转
"top.location.href"是最外层的页面跳转 $.ajax({ url: URL + "SystemPrivileges/UserChangePW", data: { userName: userName, passWord: passWord, oldpwd: passWordold, ......
docker 部署nginx
docker 部署Nginx 一、先启动一次，把配置文件copy出来 # 创建并运行容器，容器命名为nginx docker run --name nginx -p 80:80 -d nginx #创建目录存放 mkdir /usr/local/docker-nginx #从容器中copy 配置 d ......
Vue 项目配置自动更新，自动刷新页面
今天用户反馈使用页面的时候，有时候点击没反应，排查下来，是因为发布版本的时候，用户那边没有加载最新的文导致的，然后根据思路，做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间，通过环境变量的方式保存起来 打开 vite ......
前端页面的懒加载和预加载
前言 懒加载也就是延迟加载。当访问一个页面的时候，先把 img 元素或是其他元素的背景图片路径替换成一张大小为 1*1px 图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，从而减轻服务器压力，避免用户等待时间过长（一般在网站图片很多的时候使用 ......
openwrt l2tp支持设置本地静态ip地址
设备使用4G网络，设备间需要通讯，又是短连接，必须要是静态ip，所以选择使用l2tp。然后LNS端通过/etc/ppp/chap-secrets为每个帐号绑定一个ip，每个设备使用一个帐号，LNS这端设备默认的隧道保活时间为60s。这时设备端(LAC)正常拨号时获取到的ip为LNS端绑定的，但是如果 ......
nginx反向代理和负载均衡
一、nginx匹配 1、level0，完全匹配，级别最高，使用=”，完全等于这个内容才能进入，如下：localhost:80/a进入index1，其他会进入index worker_processes 1; events { worker_connections 1024; } http { inc ......
idea中out目录、target目录和build目录的区别？
在 IntelliJ IDEA 中，out 目录和 target 目录是两个不同的目录，它们用于存放编译和构建输出的文件。它们的区别如下： out 目录：out 目录是 IntelliJ IDEA 的默认输出目录。它用于存放项目的编译输出文件，包括编译后的类文件和其他资源文件。在大多数情况下，out ......
从输入url到页面展现发生了什么
大致是如下步骤: 根据地址栏输入的地址向 DNS(Domain Name System)查询 IP 通过 IP 向服务器发起 TCP 连接 向服务器发起请求 服务器返回请求内容 浏览器开始解析渲染页面并显示 关闭连接 一.DNS 域名解析的过程是逐级查询的 浏览器缓存: 首先会向浏览器的缓存中读取上 ......
created中两次数据修改，会触发几次页面更新
面试题：created 生命周期中两次修改数据，会触发几次页面更新？ 一、同步的 先举个简单的同步的例子： new Vue({ el: "#app", template: `<div> <div>{{count}}</div> </div>`, data() { return { count: 1, ......
nginx keepalive 设置避免 服务器端大量time_wait 增加tcp 连接重用
# For more information on configuration, see: # * Official English Documentation: http://nginx.org/en/docs/ # * Official Russian Documentation: http:/ ......
VMware＋CentOS7 网络及静态IP配置
设置“虚拟机网络编辑” 打开VMware： 在工具栏的“编辑”选项里有一个“虚拟网络编辑器”，打开： 点击“更改设置” 首先选中VMnet8，下面会显示VMnet信息。我们选择NAT模式；然后将“使用本地DHCP服务奖IP地址分配给虚拟机”的勾选取消掉，因为我们要使用静态IP；最后记住最下面的子网I ......
php nginx 出现504 Gateway Timeout
先试试： ini_set('memory_limit','4096M'); set_time_limit(0); 情况一：由于nginx默认的fastcgi进程响应缓冲区太小造成 这种情况下导致fastcgi进程被挂起，如果fastcgi服务队这个挂起处理不是很好的话，就可能提示“504 Gatew ......
直播平台搭建，实现自定义设置登录页面
直播平台搭建，实现自定义设置登录页面 1.在resources中建立static文件夹（默认找这里面的页面） 创建login.html <!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF ......
41.静态方法
静态方法 除了类方法，Python 的类中还有一种静态方法。 静态方法在定义时，需要使用 @staticmethod 装饰器进行装饰，与类方法不同的是，静态方法没有默认参数。 静态方法和普通的函数本质上是一样的，只是定义在了类中。 一般情况下，静态方法同类方法一样，也是在封装工具类时使用，区别在于， ......
类的实例方法和静态方法的使用场合区别
面向对象编程（Object-Oriented Programming，简称OOP）是一种编程思想，它使用类（Class）和对象（Object）的概念来组织和管理代码。在OOP中，类是一种模板，用来定义对象的属性（成员变量）和行为（成员方法）。对象则是类的实例，它们包含了类中定义的属性和方法，并且可以 ......
javascript postMessage给子页面发消息
发送消息页面 <!DOCTYPE html> <html> <head> <title>demo</title> <meta charset="utf-8" /> <script> var childwin const childname = "popup" function openChild() ......
vue+pdfh5实现将pdf渲染到页面上
版本：pdfh5@1.4.7 vue2+.net Core 6.0webapi 方法一：通过访问后端获取二进制数据来渲染 前端渲染 <template> <vol-box ref="box" :width="width" :height="height"> <div id="demo" ref="r ......
Xcode building for iOS Simulator, but linking in an object file built for iOS, for architecture 'arm64'
https://stackoverflow.com/questions/63607158/xcode-building-for-ios-simulator-but-linking-in-an-object-file-built-for-ios-f 改项目配置 EXCLUDED_ARCHS[sdk=i ......
后台跨域, nginx跨域,nginx跨域无效
nginx跨域配置 location /api { # 允许跨域请求的域，* 代表所有。如果是特定的域名，应该将 * 替换为确切的域名。 add_header 'Access-Control-Allow-Origin' '*' always; # 允许带上 cookie 请求 add_header ......
Linux基础——Nginx代理+本地Yum源+Reposync同步官方yum源
Nginx代理+本地Yum源+Reposync同步官方yum源 Niginx安装 #第一部分：nginx.service服务 [root@BCeuler21 yum.repos.d]# cat /usr/lib/systemd/system/nginx.service [Unit] Descript ......
将较大的数组赋值<el-table></el-table>时，会导致页面卡顿，甚至崩溃
遇到的问题：将长度为40的数组数据赋值<el-table></el-table>，我发现loading没有效果，后面发现是页面卡住了，loading直接没有出现。 经过查询资料，发现<el-table>会有卡顿的问题，看到有的博主推荐使用一款叫umy-ui的插件，我就试了试，发现卡顿的问题解决了。 ......
Linux下统计Nginx的log日志常用命令
工作中可能需要通过nginx日志来分析网站的访问情况，此时就需要对nginx日志进行分析，以下是常用的分析命令：进入nginx的日志 一、IP相关统计 1、统计IP访问量 统计PV awk '{print $7}' access.log|wc -l 2、独立ip访问数量 统计UV awk '{pri ......
默认nginx.conf
user nginx; worker_processes auto; error_log /var/log/nginx/error.log notice; pid /var/run/nginx.pid; events { worker_connections 1024; } http { inclu ......