Nginx —— 一份前端开发工程师需要了解要懂的知识点《工欲善其事，必先利其器》之前我写过一篇文章 —— 《Nginx实现反向代理》。那篇文章现在回头看看感觉有点粗糙，感兴趣的朋友可以去看看。所以今天决定重新梳理一下，Nginx 反向代理和负载均衡的知识点。本篇文章转载自掘金社区 —— 《谁说前端不需要懂-Nginx反向代理与负载均衡》。一、什么是反向代理？当我们有一个服务器集群，并且服务器集群
Nginx 是一个高性能的HTTP和反向代理服务器，同时也是一个 IMAP/POP3/SMTP 代理服务器。常见场景：静态资源服务器动态匹配反向代理Gzip 压缩负载均衡先来看下默认的Nginx配置，我将以此为基础依次介绍Nginx的用法Nginx 安装目录下的nginx.conf就是Nginx全局的配置文件，我们主要修改这里的内容。nginx.conf.default作为配置文件的备份。# 设置
转载
2024-07-28 12:11:21
130阅读
一、如何动态导入静态图片 详见文档：静态资源处理 - https://cn.vitejs.dev/guide/assets.html1、将资源引入为 URL：服务时引入一个静态资源会返回解析后的公共路径2、new URL(url, import.meta.url)import.meta.url 是一个 ESM 的原生功能，会暴露当前模块的 URL。将它与原生的 URL 构造器 组合使用
文章目录前言一、Idea打包war包1.1 项目结构，不同Idea版本不一样1.2 选择Web Application Achieve，For xxx确定1.3 Idea工具栏，Build->Build Artifacts1.4 然后选择刚刚的，进行build二、tomcat部署war三、nginx部署前端Vue项目3.1 前端项目打包3.2 nginx配置请求路径3.3 前端项目跨域处理
前言想必大家一定听说过 Nginx，若没听说过它，那么一定听过它的 同行 Apache 吧！Nginx 同 Apache 一样都是一种 Web 服务器。如果你还是对它不够了解，可以自己去深入的学习一下 Nginx 相关的知识，这里不做过多的介绍了，今天我们就来聊聊使用 Nginx 如何来部署我们开发好的前端 Vue 项目。Nginx 环境搭建我们要使用 Nginx 那么就必须先要安装它。这里做的演
转载
2024-03-16 13:40:56
160阅读
随着node.js和基于JavaScript的各种框架的诞生，JavaScript在当今的互联网越来越受到人们的重视，今天我们就来聊聊前端必须会的5个原生JavaScript对象方法。JSON.stringify难度指数：★ ★ ★ ★ ★使用频率：★ ★ ★ ★ ☆应用1：将一系列的数据（数组或者对象）转换为JSON字符串，然后通过接口提交到服务端。应用2：轻松过滤不满足条件的元素，并且是递归过
Nginx作为当下最火的http服务器之一，相信作为前端开发者的你，尽管没有使用过，但你一定有所耳闻。其特点有支持海量高并发，轻量且配置简单。用官方的话来说就是:
"Nginx是一款轻量级的HTTP服务器，采用事件驱动的异步非阻塞处理方式框架，这让其具有极好的IO性能，时常用于服务端的反向代理和负载均衡。"好吧我承认我也不是很能理解官方这句话，但这里我们只需记住两个关键词，反向代理和负
转载
2024-06-09 10:12:24
192阅读
在Kubernetes环境下，部署前端项目可以使用Nginx作为静态服务器来托管前端代码。本文将向您介绍如何在Kubernetes集群中部署Nginx并放置前端项目。
### 整体流程
在部署前端项目到Kubernetes集群中，需要完成以下步骤：
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 创建Nginx的Deployment |
| 2 | 创建Nginx的Serv
原创
2024-04-26 11:11:17
287阅读
一直想整理Nginx的知识点并且重新学习一下，正好看见《前端想要了解的Nginx》
什么是Nginx?Nginx是一款免费开源的高性能HTTP服务器以及反向代理服务器（Reverse Proxy）,同时可以提供IMAP/POP3/SMATP代理服务等功能。能够快速的响应静态页面请求和支持第三方功能模块扩展。Nginx的优点高并发、高性能（官方给出的并发数据5万，实际中可以达到2-4万）
转载
2024-07-26 07:52:06
61阅读
nginx简介 参照百度百科Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、示
转载
2024-06-01 16:58:40
37阅读
前言想必大家一定听说过 Nginx，若没听说过它，那么一定听过它的 同行 Apache 吧！Nginx 同 Apache 一样都是一种 Web 服务器。如果你还是对它不够了解，可以自己去深入的学习一下 Nginx 相关的知识，这里不做过多的介绍了，今天我们就来聊聊使用 Nginx 如何来部署我们开发好的前端 Vue 项目。Nginx 环境搭建我们要使用 Nginx 那么就必须先要安装它。
转载
2024-03-05 21:32:21
265阅读
1. 需求背景公司有后台项目和前端项目，后台和前端是分开部署的，后台是用svn进行代码管理，并且通过jenkins进行持续集成和构建，但是前端还是用着最原始的方式通过上传js，html文件到web服务器进行发布，主要是造成了以下的问题：部署麻烦，需要知道本地文件所在目录和线上文件所在目录，然后进行上传容易遗漏，在文件多的时候上传会有遗漏情况发生，导致线上出问题发布流程不易管理，无法追踪发布时间，发
前端周记第一章：入职中睿信提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前端周记前言一、完成仿中台ui界面二、完成中台功能demo1.制作登录界面2.制作列表页面3.制作新增页面4.制作编辑页面总结 前言提示：这里可以添加本文要记录的大概内容：入职中睿信第一周提示：以下是本篇文章正文内容，下面案例可供参考一、完成仿中台ui界面主要使用技术栈：vue，css，flex 需
转载
2024-09-06 14:16:18
44阅读
同一个客户端每次和服务端交互时，不需要每次都传回所有的Cookie值，而是只要传回一个ID，这个ID是客户端第一次访问服务器时生成的，而且每个客户端是唯一的。这样每个客户端就由了一个唯一的ID，客户端只要传回这个ID就行了，这个ID通常是NAME为JESIONID的一个Cookie。Session和Cookie下面详细讲一下Session是如何基于Cookie来工作的。实际上有以下三种方式可以让S
前文：作为一个前端开发，有义务多学习一些项目前后的扩展内容，nginx也算一个比较接近前端的模块，所以多了解了一下（主要是被迫要做一个需求） 前端的静态文件，图片，字体，css,js等等这些，可能打包完以后都不会改，就算改也不会经常的，所以跟的包一起部署的话，会影响用户的体验，已经打开页面的速度，所以把不经常修改的内容放到nginx，然后再缓存起来。当用户访问页面时，第一次去请求ngin
转载
2024-03-04 10:55:21
52阅读
相信很多人在制作PPT的时候，都是直接插入图片就完事了，但其实！PPT插入图片大有学问，相信我，这样处理照片，你的PPT瞬间秒变高逼格！ 一、自带效果1.图片容器干巴巴插入图片不好看？试试用图片容器来让图片变生动起来~操作方法：插入电脑或者手机素材图片容器，然后插入图片，调整好大小和位置，然后【Ctrl+G】组合即可。 2.图片样式不知道图片怎么样才更有趣？试试自带的图片样
转载
2024-04-23 12:41:39
24阅读
容器用于保存一组相同类型元素，因此一个容器可以看作是一类数据的集合。容器按其对元素的管理形式分为值容器和引用容器两种类型。值容器里，插入一个元素时，容器保存的是一个元素的副本，而引用类型容器则是保存该元素的引用或者地址。值容器可以简单的模拟引用容器，只需要把元素类型定义为指针就可以了，因此值容器更为通用。C++标准库里所有的容器都是值
转载
2024-10-17 06:08:58
30阅读
阿里云服务器部署前端项目准备打包好的前端代码使用npm run build 命令打包前端项目为dist包，我们的qiankun微前端项目包括一个主应用master和两个子应用sub-vue2、sub-vue3，需要分别打包这三个项目的代码。获取一台阿里云服务器阿里云服务器有免费试用的版本，学生认证最多可以使用三个月，非学生认证可以试用一个月。获得自己的服务器后，打开云服务器ECS控制台，在实例中找
当现在不适合这个操作，或是没有必要进行这个操作时就直接放弃这个操作而回去。这个就是Balking模式例如王某在餐厅吃饭，当王某需要点餐时喊服务员需要点餐。当服务员A和B都注意到了王某点餐的示意，这时服务员B看到服务员A已经去响应了王某的点餐请求，所以服务员B就不会再过去响应王某的点餐请求。 程序示例：程序的需求是模拟一个自动保存的功能。自动保存是为了预防计算机忽然断电或则软件突然出错的危险，定期
一、框架为何会存在？我们已经讨论了因为什么契机而创造了框架，但我们仍不知道为什么开发者认为有必要创造它。要知道这个问题的答案，我们首先需要来看一看软件开发中的各种挑战。设想一个很常见的软件：一个待办事项清单创建器，在接下来的章节中我们会使用各种框架来实现它。这个应用应让用户可以完成诸如呈现任务列表、添加和删除任务等操作，且在完成这些操作的同时能可靠地跟踪和更新应用程序的底层数据。在软件开发中，这种
