1、Nginx简介Nginx (engine x) 是一个轻量级、高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。几乎可以做到 7 * 24 小时不间断运行，即使运行几个月也不需要重新启动，还能在不间断服务的情况下对软件版本进行热更新。性能是 Nginx 最重要的考量，其占用内存少、并发能力强、能支持高达 5w 个并发连接数，最重要的是， Nginx 是免费的
转载
2024-03-19 21:32:27
72阅读
qiankun文档: 快速上手微前端 : 是最近一年国内前端领域被频繁提及的关键字，虽然它并不是一个全新的领域/技术，但很显然在当今越来越多的前端应用即将步入第 3 个、第 5 个甚至更久的年头的背景下，如何给 巨石应用/遗产应用 注入新鲜的技术血液已经成为我们不得不正视的问题，而微前端正是解决这类问题的一个非常合适的解决方案。qiankun : 是一个生产可用的微前端框架，它基于 si
转载
2024-03-25 23:10:37
51阅读
最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。示例代码： https://github.com/fengxianqi/qiankun-example。在线demo：http://qiankun.fengxianqi.com/单独访问在线子应用：subapp/sub-vuesubapp/sub-react为什么要用qiankun项目有个功能需求是需要内嵌公司内部的一
转载
2024-06-11 06:27:02
47阅读
由于机缘巧合，认识了一些朋友，给我介绍了搬瓦工的网站。买了一个国外的服务器，既可以FQ又拥有了一个搭载 Centos 6 的服务器。一年19.99美元，折合人民币也就130左右，一键搭建。有兴趣可以点击了解详情。很久之前就看到胖哥，出了关于nginx 的教程，今天来根据他的教程在买的 linux 服务器上面搭建 nginx。胖哥的视频教程连接 linux 服务器在这里我是用了 xshell6 和
Windows部署Nginx1、安装Nginx下载安装包、解压即可完成安装2、部署前端项目以上步骤可以不做，资料中已提供部署完成的Nginx压缩包，直接解压双击nginx.exe 即可2.1、前端打包（1）进入前端的源代码 package.json 对应的目录下执行命令运营商后台：restkeeper-vue-operatornpm run build:prod商家后台：restkeeper-vu
转载
2024-02-21 15:30:16
153阅读
前言本文只讲如何配置Nginx, 安装部分可以查看文档：在阿里云服务器上如何搭建nginx服务器？，Ningx介绍Nginx是一款轻量级的Web服务器，具有内存占用少，启动极快，高并发能力强的优势，采用事件驱动的异步非阻塞处理方式框架，IO性能好，时常用于服务端的反向和负载均衡。正向与反向正向是什么东东？反向又是啥？正向举个栗子 因为防火墙的原因， 直接访问谷歌是无法访问的
转载
2024-07-02 20:58:13
126阅读
本文将针对微前端框架 qiankun 的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是 微前端。微前端 是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时，它们也可以在共享组件的同时进行并行开发——这些组件可以通过 N
{
# 1、全局块
# 开启线程数，最大值可设逻辑CPU核数
work_processes 4;
# 定位全局错误日志文件，级别以notice显示，还有debug,info,warn,error,crit模式，debug输出最多，crir输出最少，根据实际环境而定
error_log logs/error.log;
error_log logs/error
1、概述由于项目是基于vue-cli4改造的，所以webpack相关配置我们就在vue.config.js里操刀，没有该文件的直接在项目根目录新建vue.config.js即可，具体配置api参考官方文档2、process.env先说一下这个，因为后面会用到这里存储的变量值。 在系列文章上一篇中说到了.env文件，里面定义的变量会自动加入到process.env变量中，这里再简单说明一下，先看目录
转载
2024-10-14 12:41:06
376阅读
最近要接手一个新的项目，拿到文件后打开项目的一瞬间，我的脑壳是晕的，那个目录结构。。。嗯，跟我写过的和见过的太不一样了，文件名都是拼音首字母缩写，反正我是猜不出来。。。 而且项目还需要用nginx启动，我都没用过这个东西。。。 太难了，我真是太难了 后来在上一个负责人的远程指导+自己上网找方法+自己领悟+。。。反正各方面的作用下，终于给打开了 第一次使用nginx打开前端项目，比较鸡冻，写
转载
2024-07-28 14:21:30
26阅读
目录一.整体项目准备二.基座应用搭建三.子应用配置数据传递及项目管理命令待更新一.整体项目准备安装 npm run all 方便后面的开发和代码处理npm i npm-run-all其他命令之后在写 二.基座应用搭建我们要拉一个基座项目进来, 为了后期修改方便,我这里的基座应用本身也是个单独项目用引入子仓库的方法引入进来那就copy一下我之前vite-vue3项目教程里的代码拉
前端开发者必备的 Nginx 知识nginx在应用程序中的作用解决跨域请求过滤配置gzip负载均衡静态资源服务器nginx是一个高性能的HTTP和反向代理服务器，也是一个通用的TCP/UDP代理服务器，最初由俄罗斯人Igor Sysoev编写。nginx现在几乎是众多大型网站的必用技术，大多数情况下，我们不需要亲自去配置它，但是了解它在应用程序中所担任的角色，以及如何解决这些问题是非常必要的。下面
注意：qiankun 属于无侵入性的微前端框架，对主应用基座和微应用的技术栈都没有要求。构建主应用基座我们先使用 vue-cli 生成一个 Vue 的项目，初始化主应用。将普通的项目改造成 qiankun 主应用基座，需要进行三步操作：创建微应用容器 - 用于承载微应用，渲染显示微应用；注册微应用 - 设置微应用激活条件，微应用地址等等；启动 qiankun；创建微应用容器我们先在主应用中创建微应
转载
2024-10-14 09:49:52
905阅读
keepalived+nginx+apache主备及双活搭建测试keepalived+nginx高可用有主备和双活两种方式。主备方式下对外提供一个vip，同时只有一台服务器工作，另一台作备机；双活方式下对外提供两个vip，两台机器互为备份，下面详细说明搭建测试步骤： 配置：主机 ip 操作系统 软件 vip
nginx01 192.168.2.185 Centos7 nginx 端
上线前准备这里我们同步演示怎么部署到win环境和linux(centos7)系统中，前端服务器采用nginx部署，并使用docker统一管理前后端服务器。所以我们会用到：nginxdocker compose希望你看视频前有点基础哈，当然了，这次部署比较简单，不需要很精通，一般看了我的视频应该都能部署成功的哈。话不多说，直接上手！别忘了给我一个一键三联哈，顺便关注我B站，感谢！1、win环境win
前言nginx如何部署打包成为dist的前端项目。读者须知: nginx如何安装与使用PSdocker 安装与使用docker p
原创
2022-11-22 23:06:40
266阅读
# 用Kubernetes部署前端项目到Nginx
欢迎来到本教程，今天我们将教您如何使用Kubernetes来部署前端项目到Nginx服务器。在这个过程中，我们将使用容器化的方式来管理和发布我们的前端应用程序。让我们开始吧！
## 步骤概述
在这里，我们将创建一个包含Nginx服务器的Kubernetes Deployment和Service。我们将使用Nginx作为我们的前端应用程序的W
原创
2024-04-26 11:10:43
69阅读
前端项目难点和性能优化项目难点ElementUI表格中图片懒加载设置定时器防止频繁点击按钮vue2数据更新，页面不刷新i18n中英文翻译canvas签字板二次封装UI组件列表下拉刷新、上拉加载重复ID数据合并为一条keep-alive多级路由缓存性能优化echarts多图表绘制卡顿多级菜单转树形结构、懒加载打包优化 项目难点ElementUI表格中图片懒加载需求：要求在table表格中渲染图片利
转载
2024-09-17 12:56:33
13阅读
前端项目发布后，有些接口需要在服务器配置反向代理，资源配置gzip压缩，配置跨域允许访问等配置文件模块概览配置示例反向代理 反向代理是Nginx的核心功能之一，是指客户端发送请求到代理服务器，代理服务器再将请求转发给后端的多个服务器中的一个或多个，并将后端服务器的响应返回给客户端。客户端并不直接访问后端服务器，而是通过反向代理服务器来获取服务。要配置Nginx作为反向代理，需要使用location
01-jQuery的介绍 1.为什么要使用jQuery在用js写代码时，会遇到一些问题：window.onload 事件有事件覆盖的问题，因此只能写一个事件。代码容错性差。浏览器兼容性问题。书写很繁琐，代码量多。代码很乱，各个页面到处都是。动画效果很难实现。jQuery的出现，可以解决以上问题。什么是 jQueryjQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调
