Nginx
文章平均质量分 83
# Nginx
油墨香^_^
想要敲出漂亮的代码, 就要暴露在全世界的眼睛下!
展开
-
ES13中5个最具变革性的JavaScript特性
在ES13之前,我们只能在构造函数中声明类字段: 与许多其他语言不同,我们不能在类的最外层作用域中声明或定义它们。在ES13之前,创建私有方法是不可能的。ES13包含了许多有价值的特性,彻底改变了我们编写JavaScript的方式。从异步升级到数组语法糖等等,让我们来看看这些特性,看看你是否错过了其中一些。静态字段 — 类本身的属性,而不是任何特定实例的属性。在ES13之前,我们永远不能在全局作用域中使用。随着静态字段的出现,静态块也来了。幸运的是,ES13带来了一个新的。我们可以通过在字段前加上井号(转载 2024-08-05 09:06:29 · 21 阅读 · 0 评论 -
每个前端都要学的【前端自动化部署】,Devops,CI/CD
ding1.jpg3,定义机器人名字和关键字,创建完成后先将。转载 2024-08-05 09:05:29 · 23 阅读 · 0 评论 -
k8s 弃用docker,传统镜像构建何去何从,kaniko搭配Jenkins 有话说。
而且,Jenkins 在 Kubernetes 上运行时,无论是 Jenkins Master 还是 Jenkins Slave,它们都是以 Pod 的形式存在的,这些 Pod 默认情况下是没有 Docker 命令的。比对并生成镜像层:Kaniko 会将新创建的快照与前一个快照进行比对,如果发现有变化,它会将这些变更生成一个新的镜像层,并添加到基础镜像之上。推送镜像:当 Dockerfile 中的所有命令都执行完毕后,Kaniko 会将最终构建完成的镜像推送到指定的远程镜像仓库。转载 2024-08-05 09:03:18 · 163 阅读 · 0 评论 -
基于gitlab+linux实现CI/CD
通常情况下项目流水线大部分的内容都是相同的,为了实现模板复用,减少重复代码,我们可以创建一个git仓库用于存放模板,然后创建一个templates目录存放所有pipeline的模板,创建一个jobs目录存放job模板。这样我们可以将一些maven、golang、npm工具通过一个job模板和不同的构建命令实现。templates的好处是我们在其中定义了模板流水线,这些流水线可以直接让项目使用。当遇到个性化项目的时候就可以在当前项目创建.gitlab-ci.yml文件来引用模板文件,再进一步实现个性化需要。转载 2024-08-05 09:01:59 · 35 阅读 · 0 评论 -
基于jenkins+k8s(container)实现CI/CD
利用 Jenkins、SonarQube、Harbor、Container、Kubernetes技术,搭建一个完整的 CI/CD 管道,模拟实际生产环境项目开发部署流程,实现持续集成、持续交付和持续部署。通过自动化构建、测试、代码质量检查和容器化部署,将开发人员从繁琐的手动操作中解放出来,提高团队的开发效率、软件质量和安全性,实现持续更新迭代和持续部署交付。不同项目可能使用不同的编程语言、框架或库,这导致了每个Slave的配置环境各不相同。转载 2024-08-05 09:01:38 · 98 阅读 · 0 评论 -
基于jenkins+docker实现CI/CD实践
利用 Jenkins、Docker、SonarQube 和 Harbor 技术,搭建一个完整的 CI/CD 管道,实现持续集成、持续交付和持续部署的流程。通过自动化构建、测试、代码质量检查和容器化部署,将开发人员从繁琐的手动操作中解放出来,提高团队的开发效率、软件质量和安全性,实现持续更新迭代和持续部署交付。转载 2024-08-05 09:01:17 · 36 阅读 · 0 评论 -
基于gitlab+docker实现CI/CD
利用Docker、Gitlab、Gitlab Runner、SonarQube、Harbor、Jmeter、Maven、Java技术,搭建一个完整的 CI/CD 管道,实现当开发人员完成代码提交后,开始流水线工作,完成编译打包、单元测试、源码扫描、上传制品、部署服务到Docker容器、自动化测试工作。通过自动化构建、测试、代码质量检查和容器化部署,将开发人员从繁琐的手动操作中解放出来,提高团队的开发效率、软件质量和安全性,实现持续更新迭代和持续部署交付。转载 2024-08-05 09:00:03 · 61 阅读 · 0 评论 -
centos7搭建CICD流水线,k8s集群部署应用实操
三、准备k8s和docker环境,k8s环境运行服务,docker负责将项目源码打包成镜像,安装文档有空再补充。链接: https://pan.baidu.com/s/14WiJaqVWYScQ-QiMX-1pOg。链接: https://pan.baidu.com/s/171_qvMNGdRwu_Z92DP6OxA。六、验证部署,访问主机30080端口,返回hello world!5. 登录gitlab,在页面上做一些语言切换,禁止注册,修改密码等设置。二、安装jenkins。一、安装gitlab。转载 2024-08-05 08:58:17 · 46 阅读 · 0 评论 -
基于gitlab+k8s(container)实现CI/CD
利用Container、Gitlab、Gitlab Runner(k8s)、SonarQube、Harbor、Jmeter、Maven、Java技术,搭建一个完整的 CI/CD 管道,实现当开发人员完成代码提交后,开始流水线工作,完成编译打包、单元测试、源码扫描、上传制品、部署服务到Docker容器、自动化测试工作。通过自动化构建、测试、代码质量检查和容器化部署,将开发人员从繁琐的手动操作中解放出来,提高团队的开发效率、软件质量和安全性,实现持续更新迭代和持续部署交付。转载 2024-08-05 08:57:59 · 47 阅读 · 0 评论 -
学会使用 Jenkins 自动部署你的项目(实战)
持续集成(Continuous Integration)是一种软件开发实践,对于提高软件开发效率并保障软件开发质量提供了理论基础。Jenkins 是一个开源软件项目,旨在提供一个开放易用的软件平台,使持续集成变成可能。本文正是从持续集成的基本概念入手,通过具体实例,介绍了如何基于 Jenkins 快速搭建持续集成环境Jenkins是一个可扩展的持续集成引擎,是一个开源软件项目,旨在提供一个开放易用的软件平台,使软件的持续集成变成可能。Jenkins非常易于安装和配置,简单易用。转载 2024-07-31 09:09:32 · 52 阅读 · 0 评论 -
(实战篇) Vue + Node.js 从 0 到 1 实现自动化部署工具
将上面零碎的知识点汇聚到一起就是 zuo-deploy 的实现,代码写的比较随意,欢迎 star、fork、提改进 PR!转载 2024-07-31 09:07:49 · 52 阅读 · 0 评论 -
Gitlab-ci:从零开始的前端自动化部署
以gitlab-ci为例:(1) 通过在项目根目录下配置**.gitlab-ci.yml**文件,可以控制ci流程的不同阶段,例如install/检查/编译/部署服务器。gitlab平台会扫描.gitlab-ci.yml文件,并据此处理ci流程img(2) ci流程在每次团队成员后之后触发。每当你push/merge一次,gitlab-ci都会检查项目下有没有.gitlab-ci.yml文件,如果有,它会执行你在里面编写的脚本,并完整地走一遍从「eslint检查=>编译 =>部署服务器」的流程。转载 2024-07-31 09:07:22 · 92 阅读 · 0 评论 -
使用 Jenkins 部署微前端方案实践总结
Jenkins 是国际上流行的免费开源软件项目,是基于 Java 开发持续集成工具,用于监控持续重复的工作,旨在提供一个开放的易用的软件平台,使软件的持续集成自动化,大大节约人力和时效。Jenkins 功能包括:持续的软件版本发布/测试项目。监控外部调用执行的工作。转载 2024-07-31 09:06:22 · 126 阅读 · 0 评论 -
DevOps实践之JenKins部署
持续集成(Continuous Integration,简称CI)是软件开发的一种方法,要求团队成员频繁的将代码合并到主线(例如git的主分支),每次合并后自动执行构建和测试,确保快速发现并修复问题,保持代码高质量和项目随时可发布状态,提高开发效率。打开浏览器访问jenkins页面http://192.168.88.11:8080/,等待初始化好后,按照提示把服务上的/var/lib/jenkins/secrets/initialAdminPassword填写。(2) 添加jenkins的yum仓库。转载 2024-07-31 09:04:15 · 70 阅读 · 0 评论 -
容器化部署GitLab仓库
GitLab基于Git,采用分布式版本控制模型,每个开发者本地拥有完整的代码库,支持离线工作,易于分支和合并;SVN也有权限管理,但相对简单,更适合传统的线性开发流程,协作功能不如GitLab全面。SVN的分支创建和合并过程较为繁琐,通常需要手动操作,缺乏内置的代码审查流程。GitLab 是一个全面的开源平台,专为软件开发的整个生命周期设计,提供了从项目计划、源代码管理、持续集成/持续部署(CI/CD)到监控和安全的一站式解决方案。(2) 创建群组,并把用户加入到该组。(1) 设置->外观,填写外观设置。转载 2024-07-31 09:03:22 · 80 阅读 · 0 评论 -
2 年前端管理,整理了这篇研发流程实践(长文预警)
团队整体的一个研发流程大致如下:这块可能大部分公司都是大同小异,没什么好细说的。实际上,可能每个环节是否执行到位也是需要打个问号的。转载 2024-07-31 08:45:03 · 57 阅读 · 0 评论 -
前端开发者应该知道的 Centos / Docker / Nginx / Node / Jenkins 操作(长文,建议收藏)
在日常工作中你还使用哪些Centos配置呢?欢迎在评论区留下的你的见解!转载 2024-07-31 08:44:02 · 28 阅读 · 0 评论 -
作为前端 leader,怎么快速搭建多环境 CICD 自动化部署?
阮一峰博客里解释的很好,SSH原理与运用(一):远程登录[6]简单说,SSH是一种网络协议,用于计算机之间的加密登录。最早的时候,互联网通信都是明文通信,一旦被截获,内容就暴露无疑。1995年,芬兰学者Tatu Ylonen设计了SSH协议,将登录信息全部加密,成为互联网安全的一个基本解决方案,迅速在全世界获得推广,目前已经成为Linux系统的标准配置。SSH主要用于远程登录。假定你要以用户名user,登录远程主机host,只要一条简单命令就可以了。=>转载 2024-07-19 08:44:29 · 77 阅读 · 0 评论 -
mac的文件夹服务器,Mac本地服务器
打开finder,command+shift+g,前往下述路径,/Library/WebServer/Documents,即mac下apache服务器的文件路径。第二步,打开apache2文件下的users文件夹,找到用户名.conf配置文件(没有可以新建一个)并打开修改为。第一步打开apache2,这是系统自带的Apache目录;终端输入open /Library/WebServer/Documents,打开文件夹;WebServer是在用户文件夹下新建的,修改完之后,在该配置文件中找到。转载 2024-06-05 09:24:33 · 163 阅读 · 0 评论 -
前端必备的Nginx
至此,Nginx的大部分内容都已阐述完毕,关于最后一小节的性能优化内容,其实在前面就谈到的动静分离、分配缓冲区、资源缓存、防盗链、资源压缩等内容,也都可归纳为性能优化的方案。转载 2024-06-05 09:05:24 · 62 阅读 · 0 评论 -
Vue项目Nginx子目录部署
生产环境中Vue项目我们一般会部署在域名的子目录下,在了解如何部署时我们先了解下Vue构建相关的基础知识。Vue CLI目前已经处于维护状态,一般老项目可能还在用它来开发,Vue CLI打包时基于。,如果想在Nginx中指定前缀访问静态资源和文件,需要在打包构建时配置。中进行修改,指定base配置即可,这里我们指定了。目录下找名为hwc的目录,以及该目录下的文件.目前是Vu3主流构建工具,打包配置我们可以在。,也就是说所有的静态资源都会带上该前缀。在Nginx配置中,我们加了一项。转载 2024-06-04 08:45:19 · 148 阅读 · 0 评论 -
开发阶段!跨域问题多种解决方案的精华总结
以上是一些常见的方式,但请注意谨慎使用,并仅在合适的环境下操作。突破浏览器安全限制是不被推荐的做法,因为这些限制是为了保障用户和网站的安全。绕过这些限制可能引入潜在的安全风险。然而,有时候在开发和调试阶段,我们可能需要临时禁用浏览器的安全限制。特别注意,在生产环境中,应该通过合适的方式(如 CORS 配置)来解决跨域问题,而不是绕过浏览器的安全限制。转载 2024-06-04 08:43:25 · 276 阅读 · 0 评论 -
Nginx 常用的基础配置(前端相关方面)
最近很多朋友问到Nginx配置前端 web 服务,所以特地写了这篇文章;希望能够帮助更多的朋友。转载 2024-05-29 08:59:21 · 19 阅读 · 0 评论 -
Docker+Jenkins+Gitee部署前端
字数:大约800字。转载 2024-05-28 09:06:49 · 41 阅读 · 0 评论 -
在 nginx 中如何配置负载均衡
通过proxy_pass与upstream即可实现最为简单的负载均衡。如下配置会对流量均匀地导向与三个服务器关于负载均衡的策略大致有以下四种种round_robin,轮询weighted_round_robin,加权轮询ip_hashleast_conn。转载 2024-05-27 08:42:46 · 32 阅读 · 0 评论 -
Nginx 反向代理与负载均衡
当我们有一个服务器集群,并且服务器集群中的每台服务器的内容一样的时候,同样我们要直接从个人电脑访问到服务器集群服务器的时候无法访问,必须通过第三方服务器才能访问集群这个时候,我们通过第三方服务器访问服务器集群的内容,但是我们并不知道是哪一台服务器提供的内容,此种代理方式称为反向代理公司会建立很多的服务器,这些服务器组成了服务器集群,然后,当用户访问网站的时候,先访问一个中间服务器,再让这个中间服务器在服务器集群中选择一个压力较小的服务器,然后将该访问请求引入选择的服务器。转载 2023-08-21 09:19:47 · 68 阅读 · 0 评论 -
Nginx 常用的基础配置(web前端相关方面)
【代码】Nginx 常用的基础配置(web前端相关方面)转载 2023-03-15 10:58:57 · 127 阅读 · 0 评论 -
「前端进阶」vue+koa2+mongodb+oss阿里云部署自己的网站
本篇文章,主要围绕整个开发和部署过程中的一些疑难点展开,具体的代码逻辑,个人建议,还是把代码拉下来跑起来,深度阅读几遍来的实在。我认为这里面最值得学习的应是思路我用的数据库是mongodb,因为之前了解过,觉得合适自己,容易上手,如果你喜欢mysql,你大可以自己替换我用的前端框架是element,如果你感到身体不适,习惯于用Ant Design又或是手写样式,你大可以自己折腾...变通,乃开发者应具备的不二神器。当然,想要通读完代码或者是自己动手实现一个轮子,你需要具备以下基本知识。转载 2023-03-06 10:04:36 · 387 阅读 · 0 评论 -
手把手搭建nginx服务器,部署前端代码
此时你会在 chrome 的network中的 content-encoding的列上看到:有的请求已经有了gzip,当我们点击这个有gzip的请求后,会看到如下:在response header中多了一个 content-encoding:gzip.观察验证码,确实也没有变化。那么也就说明这个请求已经被gzip压缩了,那么为什么有的没有gzip呢,因为他们的资源 小于1k,在上面配置文件中,我们配置了只有大于1k的才会被压缩。此时我们跳到其他页面,再进入刚才的页面,会发现重新发了个一个一模一样的请求。转载 2022-09-24 10:25:56 · 1760 阅读 · 0 评论 -
Vue项目打包部署总结
启动后,正常情况下,直接访问 http://服务器ip 或 http://域名 (本文测试用的服务器没有配置域名,所以用ip,就本文而言,域名和ip没有太大区别)应该就能看到nginx服务器的默认页面了——如果访问不到,有可能是你的云服务器默认的http服务端口(80端口)没有对外开放,在服务器安全组配置一下即可。之前的步骤已经介绍了怎样配置nginx指向我们创建的文件夹,剩下的问题就是怎么把打包好的文件同步到服务器上指定的文件夹里,比如同步到之前步骤中创建的/www。转载 2022-09-24 10:10:05 · 1954 阅读 · 0 评论 -
自动化部署Web应用
本文以DevUI组件库网站为例,介绍如何自动化部署一个前端应用。本文可以认为是《手把手教你搭建自己的Angular组件库》的续集。转载 2022-09-22 10:22:01 · 511 阅读 · 0 评论 -
前端er须知的Nginx技巧
Nginx 的 “高性能” 主要体现在支持海量并发的 webserver 服务,而 “可靠” 则意味着稳定性高、容错率大,同时,由于 Nginx 架构基于模块,我们大可以通过内置模块和第三方模块的自由组合,来构建适配自身业务的 Nginx 服务。Nginx 中的缓存是以文件系统上的分层数据存储的形式实现的,缓存键可配置,并且可以使用不同的特定于请求的参数来控制进入缓存的内容。客户端通过访问一个代理服务,由它将请求转发到目标服务,再接受目标服务的请求响应并最终返回给客户端,这就是一个代理的过程。......原创 2022-08-18 17:47:33 · 262 阅读 · 0 评论 -
Nginx + keepalived 实现高可用 + 防盗链 + 动静分离
在 Keepalived服务正常工作时,主 Master节点会不断地向备节点发送(多播的方式)心跳消息,用以告诉备Backup节点自己还活着,当主 Master节点发生故障时,就无法发送心跳消息,备节点也就因此无法继续检测到来自主 Master节点的心跳了,于是调用自身的接管程序,接管主Master节点的 IP资源及服务。说明:keepalived的主从切换和redis的主从切换是不一样的,keepalived的主节点挂了以后,从节点变为主节点,之前的主节点恢复以后继续做主节点。匹配成功后跳转到的URL。.转载 2022-08-16 10:50:53 · 94 阅读 · 0 评论 -
Nginx + keepalived 实现高可用 + 防盗链 + 动静分离
比如http://www.dbspread.com/download/av123.rmvb 这个视频下载地址被其他网站引用,比如在www.test.com的index.html引用download/av123.rmvb就叫盗链,我们要禁止这种引用就叫做防盗链。转载 2022-08-15 15:26:31 · 108 阅读 · 0 评论 -
Nginx 从入门到实战
基础篇一、环境服务器版本CentOS7.2为了保证不遇到奇怪的事情,请保证以下四点(大神选择性无视)1.确认系统网络2.确认yum可用3.确认关闭iptables4.确认停用selinux安装一些系统基本工具,正常情况系统都会自带(没有在装哦)...转载 2022-07-22 14:19:21 · 221 阅读 · 0 评论 -
Nginx 极简教程(快速入门)
简介什么是 Nginx?Nginx (engine x)是一款轻量级的 Web 服务器 、反向代理服务器及电子邮件(IMAP/POP3)代理服务器。什么是反向代理?反向代理(Reverse Proxy)方式是指以代理服务器来接受 internet 上的连接请求,然后将请求转发给内部网络上的服务器,并将从服务器上得到的结果返回给 internet 上请求连接的客户端,此时代理服务器对外就表现为一个反向代理服务器。Nginx 入门详细安装方法请参考:https://git.转载 2022-06-15 09:29:02 · 691 阅读 · 0 评论 -
Nginx 反向代理与负载均衡
Nginx 反向代理与负载均衡转载 2022-05-19 10:04:28 · 172 阅读 · 0 评论 -
聊聊Nginx前端到底用来做啥
这篇文章是收集我在工作中经常会用到的nginx相关知识点,本文并不是基础知识的讲解更多的是一些方案中的简单实现。location的匹配规则 = 表示精确匹配。只有请求的url路径与后面的字符串完全相等时,才会命中。 ^~ 表示如果该符号后面的字符是最佳匹配的,采用该规则,不再进行后续的查找。 ~ 表示该规则是使用正则定义的,区分大小写。 ~* 表示该规则是使用正则定义的,不区分大小写。 注意的是,nginx的匹配优先顺序按照上面的顺序进行优先匹配,而且注意的是一旦转载 2022-05-16 10:47:45 · 197 阅读 · 0 评论 -
「Vue实战」武装你的前端项目
1. 接口模块处理1.1axios二次封装很基础的部分,已封装好的请跳过。这里的封装是依据JWTimport axios from 'axios'import router from '../router'import {MessageBox, Message} from 'element-ui'let loginUrl = '/login'// 根据环境切换接口地址axios.defaults.baseURL = process.env.VUE_APP_API...原创 2022-05-15 22:16:19 · 734 阅读 · 0 评论 -
高并发中 nginx 较优的配置
一、nginx 配置优化这里的优化主要是指对nginx的配置优化,一般来说nginx配置文件中对优化比较有作用的主要有以下几项:1、nginx进程数,建议按照cpu数目来指定,一般跟cpu核数相同或为它的倍数。 worker_processes 8;2、为每个进程分配cpu,上例中将8个进程分配到8个cpu,当然可以写多个,或者将一个进程分配到多个cpu。worker_cpu_affinity 00000001 00000010 00000100 00001000 0..转载 2022-05-11 09:54:27 · 1479 阅读 · 0 评论
分享