部署nginx

【Nginx 】Nginx 部署前端 vue 项目 在两种系统中,安装Nginx的过程都相对简单,主要区别在于使用的软件包管理器不同。这包括访问Vue应用的主页,以及尝试访问应用中的各个路由,确保它们都能正确加载。文件中列出的依赖项进行下载和安装,这个过程通常需要联网操作,并且依赖于npm仓库的响应速度。在网络状况良好的情况下,安装过程可以顺利完成。在CentOS或RHEL系统上安装Nginx的过程与Ubuntu/Debian略有不同,主要体现在软件包管理器的使用上。在项目部署之前,确保开发环境中已安装Node.js和npm,这是运行Vue项目的基础。 阅读详情

一、Nginx简介

Nginx是一个web服务器也可以用来做负载均衡及反向代理使用,目前使用最多的就是负载均衡,具体简介我就不介绍了百度一下有很多,下面直接进入安装步骤

二、Nginx安装

1、下载Nginx及相关组件

Linux系统是Centos 6.5 64位,我直接切换到root用户下安装

进入用户目录下载程序

下载相关组件

复制代码
[root@localhost src]# wget http://nginx.org/download/nginx-1.10.2.tar.gz
省略安装内容…
[root@localhost src]# wget http://www.openssl.org/source/openssl-fips-2.0.10.tar.gz
省略安装内容…
[root@localhost src]# wget http://zlib.net/zlib-1.2.11.tar.gz
省略安装内容…
[root@localhost src]# wget ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.40.tar.gz
省略安装内容…
复制代码
安装c++编译环境,如已安装可略过

[root@localhost src]# yum install gcc-c++
省略安装内容…
期间会有确认提示输入y回车
Is this ok [y/N]:y
省略安装内容…
2、安装Nginx及相关组件

openssl安装

[root@localhost src]# tar zxvf openssl-fips-2.0.10.tar.gz
省略安装内容…
[root@localhost src]# cd openssl-fips-2.0.10
[root@localhost openssl-fips-2.0.10]# ./config && make && make install
省略安装内容…
pcre安装

[root@localhost src]# tar zxvf pcre-8.40.tar.gz
省略安装内容…
[root@localhost src]# cd pcre-8.40
[root@localhost pcre-8.40]# ./configure && make && make install
省略安装内容…
zlib安装

[root@localhost src]# tar zxvf zlib-1.2.11.tar.gz
省略安装内容…
[root@localhost src]# cd zlib-1.2.11
[root@localhost zlib-1.2.11]# ./configure && make && make install
省略安装内容…
nginx安装

[root@localhost src]# tar zxvf nginx-1.10.2.tar.gz
省略安装内容…
[root@localhost src]# cd nginx-1.10.2
[root@localhost nginx-1.10.2]# ./configure && make && make install
省略安装内容…
3、启动Nginx

先找一下nginx安装到什么位置上了

进入nginx目录并启动

报错了,error while loading shared libraries: libpcre.so.1: cannot open shared object file: No such file or directory,按照下面方式解决

复制代码
1.用whereis libpcre.so.1命令找到libpcre.so.1在哪里
2.用ln -s /usr/local/lib/libpcre.so.1 /lib64命令做个软连接就可以了
3.用sbin/nginx启动Nginx
4.用ps -aux | grep nginx查看状态
[root@localhost nginx]# whereis libpcre.so.1
[root@localhost nginx]# ln -s /usr/local/lib/libpcre.so.1 /lib64
[root@localhost nginx]# sbin/nginx
[root@localhost nginx]# ps -aux | grep nginx
复制代码

进入Linux系统的图形界面,打开浏览器输入localhost会看到下图,说明nginx启动成功

nginx的基本操作

复制代码
启动
[root@localhost ~]# /usr/local/nginx/sbin/nginx
停止/重启
[root@localhost ~]# /usr/local/nginx/sbin/nginx -s stop(quit、reload)
命令帮助
[root@localhost ~]# /usr/local/nginx/sbin/nginx -h
验证配置文件
[root@localhost ~]# /usr/local/nginx/sbin/nginx -t
配置文件
[root@localhost ~]# vim /usr/local/nginx/conf/nginx.conf
复制代码
4、简单配置Nginx

打开nginx配置文件位于nginx目录下的conf文件夹下

简单介绍一下vim的语法

复制代码
默认vim打开后是不能录入的,需要按键才能操作,具体如下:
开启编辑:按“i”或者“Insert”键
退出编辑:“Esc”键
退出vim:“:q”
保存vim:“:w”
保存退出vim:“:wq”
不保存退出vim:“:q!”
复制代码
"#"代表注释,最重要的是server{}块这部分就代表每一个web站点,详细的配置介绍可以查阅我的另一片配置文章,此处我们先暂时设置三个站点

分别使用不同的端口80、81、82保存退出并且重启nginx

5、开启外网访问

在Linux系统中默认有防火墙Iptables管理者所有的端口,只启用默认远程连接22端口其他都关闭,咱们上面设置的80等等也是关闭的,所以我们需要先把应用的端口开启

方法一直接关闭防火墙,这样性能较好,但安全性较差,如果有前置防火墙可以采取这种方式

关闭防火墙
[root@localhost ~]# service iptables stop
关闭开机自启动防火墙
[root@localhost ~]# chkconfig iptables off
[root@localhost ~]# chkconfig --list|grep ipt
下面是防火墙的其他操作命令

方法二将开启的端口加入防火墙白名单中,这种方式较安全但性能也相对较差

编辑防火墙白名单
[root@localhost ~]# vim /etc/sysconfig/iptables
增加下面一行代码
-A INPUT -p tcp -m state – state NEW -m tcp --dport 80 -j ACCEPT
保存退出,重启防火墙
[root@localhost ~]# service iptables restart

Linux配置完毕了,使用另一台电脑而非安装nginx的电脑,我是用的windows系统,配置一下host在“C:\Windows\System32\drivers\etc”下的hosts中配置一下域名重定向

10.11.13.22 nginx.test.com nginx.test1.com nginx.test2.com
然后cmd再ping一下这个域名是否正确指向了这个IP上

正确指向后在telnet一下80端口看一下是否可以与端口通信(如果telnet提示没有此命令是没有安装客户端,在启用或禁用windows功能处安装后再操作即可)

得到以下界面及代表通信成功

打开这台Windows系统内的浏览器,输入nginx.test.com会得到以下结果,就说明外网访问成功

如果防火墙你依然启用,只是设置了启用端口,那我们访问81那个端口会发现无法访问,因为我并没有加入白名单

到此Nginx服务器雏形部署完成。

6、Nginx负载均衡配置

Nginx集反向代理和负载均衡于一身,在配置文件中修改配就可以实现

首先我们打开配置文件

[root@localhost nginx]# vim conf/nginx.conf
每一个server就是一个虚拟主机,我们有一个当作web服务器来使用

listen 80;代表监听80端口
server_name xxx.com;代表外网访问的域名
location / {};代表一个过滤器,/匹配所有请求,我们还可以根据自己的情况定义不同的过滤,比如对静态文件js、css、image制定专属过滤
root html;代表站点根目录
index index.html;代表默认主页

这样配置完毕我们输入域名就可以访问到该站点了。

负载均衡功能往往在接收到某个请求后分配到后端的多台服务器上,那我们就需要upstream{}块来配合使用

复制代码
upstream xxx{};upstream模块是命名一个后端服务器组,组名必须为后端服务器站点域名,内部可以写多台服务器ip和port,还可以设置跳转规则及权重等等
ip_hash;代表使用ip地址方式分配跳转后端服务器,同一ip请求每次都会访问同一台后端服务器
server;代表后端服务器地址

server{};server模块依然是接收外部请求的部分
server_name;代表外网访问域名
location / {};同样代表过滤器,用于制定不同请求的不同操作
proxy_pass;代表后端服务器组名,此组名必须为后端服务器站点域名

server_name和upstream{}的组名可以不一致,server_name是外网访问接收请求的域名,upstream{}的组名是跳转后端服务器时站点访问的域名
复制代码

配置一下Windows的host将我们要访问的域名aaa.test.com指向Linux

因为硬件有限,我是将Windows中的IIS作为Nginx的后端服务器,所以配置一下IIS的站点域名

打开cmd再ping一下aaa.test.com确实指向Linux系统了,再打开浏览器输入aaa.test.com会显示bbb这个站点就代表负载成功了。

Nginx的负载功能就配置完成了,这只是简单设置了一下,生产环境中还有很多详细的调整,后续再逐渐增加,本人水平有限,如有不对之处还望指导谢谢。
------此文章非本人所写,只是用作记录以便以后使用

ansible部署nginx 编写playbook源码编译安装nginx-1.16.1   在实际生产中,当需要在多台远程主机上部署nginx的web服务,如果手动在每台机器上手动编译时,需要重复编译N多次,这样会做一些毫无意义的额外工作,效率低下,那有什么方法可以实现自动化的部署呢,有的人肯定想到编写脚本,这样也可以实现自动化安装部署,但是如果部署的机器数量达到一定量的时候,显然使用脚本部署就不合适,还有另外一种方法就是an... 阅读详情

相关推荐

Nginx部署angular项目

简单点。 下载Nginx。具体可查看我之前写过的nginx安装方法https://blog.youkuaiyun.com/chending_cd/article/details/100557233 在确认nginx配置成功的情况下。即你输入ip可看到 这个是重点。 angular部署很简单。 angular项目打包 ng build 打包完成会在根目录生成一个dist文件。...

钉子 6528

nginx中修改server_name无效,修改为www.test.com无法访问,通过localhost可以访问

nginx中修改server_name为www.test.com无法访问。通过localhost可以访问

有种轰趴我 1万+

Nginx集群部署方案

Nginx集群部署方案

weixin_43815987的博客 6626

k8s部署nginx

这样,当一个请求 URI 为/123/purchase/coupon/79347时,它会被转发到http://123/purchase/coupon/79347,123最终会被名称为 123 的 upstream 服务器组中的某一个地址替换,例如替换为http://172.19.0.7:7396/purchase/coupon/79347。-p:端口映射,冒号前为宿主机端口,冒号后为容器内的端口,即宿主机上访问 81 端口的 HTTP 请求会被交给 nginx 容器的 80 端口。

gtqqqq的专栏 1609

【计算机组成原理实验】状态机实验

理解“状态机”概念,掌握“状态机”思想描述时序系统。通过下列三种基于D触发器的计数器结构,构建状态机的状态转移电路:环形计数器、扭环计数器和条件判断的扭环计数器。基于“状态机”原理,设计一个“交通灯”系统:控制红黄绿信号灯按照以下顺序循环点亮:“绿 黄 红 绿 ……”,红灯、绿灯和黄灯的亮灯持续时间可以通过拨码开关独立设置。红灯和绿灯是持续亮灯模式,黄灯则是闪烁亮灯模式。

Rover_jb的博客 1332

trae CN 配置ida的mcp教程

本文介绍了在TraeCN中配置IDA Pro MCP服务的完整步骤:1)准备IDA Pro 9.0+和Python 3.11+环境;2)安装MCP服务端并配置插件;3)生成MCP配置文件;4)在TraeCN中添加HTTP类型MCP服务(默认端口13337);5)测试连接。重点说明了HTTP配置方式的操作流程,包括手动启动服务、正确填写JSON配置等关键环节。

2401_87915504的博客 1955

nginx部署flask_使用Nginx单元部署Flask应用

nginx部署flaskFlask is a popular python web framework that is most commonly known for creating REST APIs very easily. They are usually deployed using WSGI servers such as Gunicorn or uWSGI.Flask是一种流行的py...

weixin_26739079的博客 2479

计算pi小数点后10000位

数据结构课上,老师让我们计算一下pi的10000位,复习一下面向对象。 First Try:定义一个高精度类hp(high precision),实现加减乘除,输入输出,然后随便找一个公式,比如Wallis公式,全都用hp进行计算。 现实是:大数乘大数或者大数除大数,实在是太慢了。而且Wallis公式收敛太慢。 Second Try先找到一个收敛较快的公司:BBP公式,观察公式发现,...

我的技术人生 7394

nginx 部署_nginx部署h5项目

1. nginx部署h5项目此为windows部署,liunx也类似的1.1. 前言部署h5项目还是很简单的,不过对小白来讲一开始可能也是一脸懵逼,这个简单教程针对的是从未部署过前后端分离前端项目的小白1.2. 步骤1.2.1. 下载nginx如下图目录1.2.2. 放入经过编译的h5项目把经过编译的h5项目放入html文件夹下,可以在html里面创建一个单独文件夹,把内容放进去如下图1.2.3....

weixin_39850920的博客 1961

Windows下Colmap编译安装全攻略:从Boost到CUDA的避坑指南

本文详细介绍了在Windows系统下编译安装Colmap三维重建工具的完整流程与实战经验。针对Boost库版本兼容性、CUDA与Visual Studio的版本匹配等常见难题提供了具体的避坑指南和解决方案,帮助开发者高效完成从环境配置到最终部署的全过程。

weixin_28235513的博客 198

[QMT和ptrade量化交易小白入门]-125、菜场大妈加上四大现金行业指数风控,最大回撤从22%减少了一半

群里面有人建议,在菜场大妈策略的基础上,加入申万的行业指数(银行,钢铁,有色,煤炭)测算其宽度,当这四大行业其中有一个高就会清仓(用来控制回撤)。这背后的逻辑是,在存量资金博弈的市场环境中,资金总量相对固定,当银行、钢铁、有色、煤炭等大市值周期行业因基本面改善(如涨价、政策催化)或避险需求而走强时,会吸引大量资金涌入,导致其他板块(尤其是小市值股票)面临流动性虹吸。经过回测,对比上一个版本发现确实是可以降低一半的回撤,最大回撤从22.3%降到了11.4%,而且有很多时间是空仓等待。

木头大左的博客 239

Nginx 的安装部署

本文详细介绍了Nginx的安装部署与配置方法。主要内容包括:1)Nginx安装步骤,涵盖编译工具安装、PCRE依赖安装及Nginx编译安装;2)反向代理配置,实现IP跳转和路径分流;3)负载均衡配置,讲解轮询、权重、IP哈希和最少连接四种策略;4)nginx.conf配置文件详解,解析全局块、event模块、http块、server块等核心配置模块的功能与指令。通过具体配置示例,展示了Nginx作为高性能Web服务器的灵活配置能力,包括反向代理、负载均衡等典型应用场景的实现方式。

m0_58017289的博客 3412

SAP HANA 中的 Union Node Pruning:让 Calculation View 少走弯路的关键优化

摘要:SAP HANA的Union Node Pruning技术通过在执行前排除无关数据源来优化查询性能。该技术主要采用三种方式:Constant Mapping(适用于规则稳定的场景)、Pruning Configuration Table(灵活性高)和Column-Based Pruning(基于列可用性)。典型应用场景包括分层存储的数据查询,如区分当前和历史销售数据。需要注意的是,当查询发生Unfolding且不含聚合时,Pruning可能失效,此时可通过NO_CALC_VIEW_UNFOLDING提

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 874

Nginx部署vue项目

如果说服务器有了,nginx没安装?

码界云仓 2133

2026 Claude Code 标准化前端UI SKILL——Frontend Design

是 Anthropic 官方开源的技能包,在 Claude 官方插件站中排名第一,超过 52k 的下载量。场景推荐方案快速体验批量安装官方 Skills深度设计策略叠加完整打磨流程集成终端跑claude一句话总结:Frontend Design 不是给 AI 加新能力,而是给 AI 加审美标准。它让 AI 从“能画”变成“会设计”——先想清楚风格,再动手写代码。

十年老程序猿,AI 疯狂研究专家,前沿硬核知识分享 3606

详解Agent Skills:让AI拥有更多专业能力(什么是Agent Skills?如何创建?如何使用?如何获取?)

本文分享如何将零散指令沉淀为可复用的 AI 能力模块🧩,介绍什么是Agent Skills?如何创建?如何获取?📚

XiaoqiangClub的博客 1269

Nginx 部署 Vue 指南

为了提高安全性,建议为你的站点配置 HTTPS。但是因为环境或者其他的什么原因,每个人的部署情况可能都会不同,具体情况具体分析,欢迎大家分享自己遇到的问题。如果你的服务器启用了防火墙,确保允许 HTTP 流量通过。在 Nginx 的配置目录中创建一个新的配置文件。现在,你应该能够通过浏览器访问你的域名或 IP 地址来查看部署的 Vue 应用。将构建好的 Vue 项目文件复制到 Nginx 配置中指定的根目录。替换为你的域名或服务器的 IP 地址,并将。替换为你的 Vue 项目的构建目录路径。

qq_64272546的博客 5997

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

Linux 部署 Nginx

②如果再次报错执行 yum -y install openssl openssl-devel //安装openssl。从官网中下载 nginx 压缩包到本地(http://nginx.org/en/download.html)①如果报错执行yum -y install pcre-devel // 安装pore。(注意:Nginx 启动、停止、退出、重新加载命令都需要在 sbin 目录下执行)在 nginx.conf 文件中配置 location。修改监听端口为666。

WJH_JSON的博客 7798

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

K8s 部署 Nginx 入门

文章 《Mac docker desktop 搭建 kubernetes 环境》 介绍了如何在 mac 上利用 docker desktop 搭建 k8s 运行环境,本文在此基础上,说明如何利用 k8s 部署 nginx 。 创建 pod pod 是 k8s 最小的编排单位,通常来说不需要直接创建 pod。这里是为了演示 pod 的使用创建了一个 pod。 pod 的配置文件 nginx-pod.yml: apiVersion: v1 kind: Pod metadata: name: nginx

Leo的博客 7717

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

Nginx服务部署

文章目录一.Nginx简介1.1Nginx概述1.2Nginx与Apache优点1.3Nginx与Apache区别二.编译安装Nginx2.1编译安装2.2添加Nginx系统服务2.2.1方法一2.2.2方法二 引言:web服务器平台处理apache之外,我们经常使用的还有Nginx服务,本文将介绍Nginx服务 一.Nginx简介 1.1Nginx概述 Nginx (“engine x”)是一个高性能的HTTP 和反向代理服务器。Nginx 是由Igor Sysoev 为俄罗斯访问点开量第二的Ramble

夏颜的博客 8493

nginx部署web项目_nginx部署h5项目

1. nginx部署h5项目此为windows部署,liunx也类似的1.1. 前言部署h5项目还是很简单的,不过对小白来讲一开始可能也是一脸懵逼,这个简单教程针对的是从未部署过前后端分离前端项目的小白1.2. 步骤1.2.1. 下载nginx如下图目录1.2.2. 放入经过编译的h5项目把经过编译的h5项目放入html文件夹下,可以在html里面创建一个单独文件夹,把内容放进去如下图1.2.3....

weixin_39887748的博客 2145

Docker 部署Nginx

Docker 部署Nginx 步骤1、下载Nginx镜像 # 可以通过命令行下载,也可以去dockerhub上下载 [root@iZ2ze7o0mf9u89jilhgjutZ ~]# docker pull nginx Using default tag: latest 2、查看下载的Nginx镜像,并且运行 # 查看镜像 [root@iZ2ze7o0mf9u89jilhgjutZ ~]# docker images REPOSITORY TAG IMA

qq_41995896的博客 2741
上一篇: 通过java程序调用本地浏览器
下一篇: 5步完成编写Mysql的shell脚本
LWH21
博客等级 码龄7年 4粉丝 8原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值