【运维】Linux安装Nginx并部署前端项目的两种方式【内 外网-保姆级教程】_linux部署前端项(1)

最新推荐文章于 2024-04-07 12:36:50 发布
最新推荐文章于 2024-04-07 12:36:50 发布
阅读量893 收藏 11
点赞数 7
分类专栏： 2024年程序员学习 文章标签： 运维 linux nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuceyigecsdn/article/details/137429771
版权

1准备nginx安装包并解压

2执行以下命令，安装nginx依赖包

3编译安装nginx

4验证安装

第二种方式

1下载所需要的安装包

2安装步骤

2.1将下载的完整文件夹通过压缩包的形式，上传到你的路径下解压.

2.2 进入到gcc文件夹下，执行命令：

2.3进入到gcc-c++文件夹下，执行命令：

2.4检查gcc、gcc-c++是否安装成功

2.5执行gcc -v , g++ -v 出现带有success或版本信息代表安装成功；

2.6安装PCRE：

2.7安装libtool

2.8安装nginx

3如何进行操作

3.1进入到linux服务器切换到root用户

3.2直接进入到nginx默认安装的位置

3.3ngin文件内容解释

3.4如何部署前端项目到Nginx上

3.5上传dist.tar压缩包

3.6解压dist.tar文件

3.7解压成功后使用cd 切换到conf文件下

3.8根据实际情况修改nginx.conf中的配置文件

3.9启动Nginx

3.10查看是否启动成功

3.11访问部署的前端项目

3.12Nginx相关命令

因为公司需要内网进行部署前后端，不能联网进行下载就很麻烦，所以今天我就给大家分享一下如何在内网进行部署前端Vue项目。

注意：最好提前切换到root用户，这样权限比较大。此方法只适用于cpu为x86系统

使用下面命令可以查看Linux系统的CPU信息

uname -a

第一种方式

1准备nginx安装包并解压

版本不一定要一致。

tar -xvf nginx-1.23.1.tar.gz

2执行以下命令，安装nginx依赖包

yum install gcc gcc-c++ make unzip pcre pcre-devel zlib zlib-devel libxml2 libxml2-devel readline readline-devel ncurses ncurses-devel perl-devel perl-ExtUtils-Embed openssl-devel -y

3编译安装nginx

3.1 进入nginx目录

cd nginx-1.23.1

3.2 配置

 ./configure

注意：[这个可能报错：emerg unknown directive stub_status in]说明Nginx没有添加modules/ngx_http_stub_status_module.o模块。所以重新安装：然后执行./configure这个步骤的时候执行以下命令
3.2 配置

./configure --prefix=/usr/local/nginx --with-http_stub_status_module

3.3 安装

make -j4 && make install

4验证安装

执行以下命令：

/usr/local/nginx/sbin/nginx -v

若出现版本信息则表示安装成功。

第二种方式

1下载所需要的安装包

下载链接

2安装步骤

2.1将下载的完整文件夹通过压缩包的形式，上传到你的路径下解压.
2.2 进入到gcc文件夹下，执行命令：
rpm -Uvh *.rpm --nodeps --force
2.3进入到gcc-c++文件夹下，执行命令：
rpm -Uvh *.rpm --nodeps --force
2.4检查gcc、gcc-c++是否安装成功
2.5执行gcc -v , g++ -v 出现带有success或版本信息代表安装成功；

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Linux运维工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Linux运维全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
img
img
img
img
img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Linux运维知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加VX：vip1024b （备注Linux运维获取）
img

最后的话

最近很多小伙伴找我要Linux学习资料，于是我翻箱倒柜，整理了一些优质资源，涵盖视频、电子书、PPT等共享给大家！

资料预览

给大家整理的视频资料：

给大家整理的电子书资料：

如果本文对你有帮助，欢迎点赞、收藏、转发给朋友，让我有持续创作的动力！

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

我们一起学习成长！**](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

zhuceyigecsdn
关注
  • 7
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
内网安装nginx(离线)
11-30
大多产品部署在内网,外网资源很难获取。nginx离线资源包，解决内网部署问题
Nginx Linux安装部署详细教程
09-14
主要介绍了Nginx Linux安装部署详细教程,本文通过图文实例代码相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
【运维】Linux安装Nginx并部署前端项目的两种方式【内/外网-保姆级教程】
m0_64210833的博客
06-06 6828
Linux安装Nginx并部署前端项目的两种方式【内/外网-保姆级教程】
【Linux】安装使用Nginx负载均衡，并且部署前端项目
SAME_LOVE的博客
11-01 1582
Nginx是一个高性能的开源Web服务器和反向代理服务器。它具有轻量级、高并发、低内存消耗的特点，被广泛用于构建高性能的Web应用和服务。Nginx最初是由俄罗斯的工程师Igor Sysoev开发的，于2004年首次发布。它的设计目标是解决C10k问题，即同时处理上万个并发连接的问题。相比传统的Web服务器（如Apache），Nginx采用了事件驱动和异步非阻塞的处理方式，能够更高效地处理大量的并发请求。
内网环境安装nginx【由rpm包+tar包完成】、tar包安装的nginx服务启动停止重启和查看状态
崔崇鑫的博客，你linux/云运维工作中的百科全书。
03-21 5765
文章目录说明安装过程rpm包和tar包准备安装gcc安装gcc-c++验证上面是否安装成功安装PCRE回到pcre的tar包所在路径解压配置，环境检查编译并安装安装libtool回到libtool的tar包所在路径解压配置，环境检查编译并安装安装nginx回到nginx的tar包所在路径解压配置，环境检查编译并安装常用命令【必看】启动nginx配置文件说明启动nginx停止nginx重启nginx查看nginx端口或者状态测试 说明 nginx是干啥的不需要我说了吧，如果想了解的我博客中有nginx的说
Nginx内网安装
huzijian123456的博客
12-26 1673
Nginx内网安装,步骤已经写全,复制粘贴即可
使用nginx部署前端项目（超详细教程）.pdf
04-29
使用nginx部署前端项目是一篇非常详细的教程，旨在帮助初学者使用Nginx来部署前端项目。本文首先介绍了Nginx的基本概念和作用，解释了为什么Nginx是一个强大的Web服务器和反向代理。然后，文章详细讲解了如何在Linux...
基于linux下nginx的安装及项目部署
01-11
一、nginx介绍及功能讲解 二、nginx的安装 三、nginx配置相关指令 四、nginx的实例应用（项目部署）
centos安装nginx,部署前端项目，并配置SSL与CDN
09-13
centos安装nginx,部署前端项目，并配置SSL与CDN
linux上nginx安装部署及使用过程详解
09-14
主要介绍了linux上nginx安装部署及使用过程，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧
Linux如何使用Nginx部署前端项目
m0_67094505的博客
10-27 7105
为了测试同一个网址可能会请求不同服务器，在不同的服务器中部署的是同一个项目，对于用户而言是感知不到的。将项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”，改为“./”后，再打包生成的 dist 文件。5.3、 编辑 /etc/nginx/conf.d/ 路径下的 default.conf 配置文件。Nginx的默认端口号是80，所以在访问项目输入地址的时候是不需要添加端口号进去的。①. HTTP端口，默认8080，如下改为8081。
LINUX安装nginx详细步骤，部署web前端项目
Bearin的博客
07-12 2593
可以去https://nginx.org/download里面找最新的包，nginx-1.25.1.tar.gz及以后的，里面资源比较多，耐心寻找。nginx-开头 .tar.gz结尾的。//创建一个文件夹cd nginx//下载tar包ls 查看下载和解压的包//进入nginx目录//进入目录//执行命令 考虑到后续安装ssl证书 添加两个模块//执行make命令make//执行make install命令。
Linux入门（七） ~ Nginx部署Vue项目
最新发布
2401_84098033的博客
04-07 392
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等详细大厂面试题答案、学习笔记、学习视频等资料领取，点击资料领取直通车、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于。
linux中nginx部署前端项目
Xiaofeng_Lu__的博客
05-31 4974
1.linux安装nginx 看这两篇博客： 这个是安装nginx： https://blog.csdn.net/t8116189520/article/details/81909574 这个是将nginx安装到指定目录，如果有这个需求： https://blog.csdn.net/gotheon/article/details/90409492 2.把编译好的dist包放到linux指定的文件夹中 3.修改nginx的配置文件nginx.conf ① 进入安装好的nginx文件夹，找到配置文件
【运维】手把手教你在Linux/Windows系统使用Nginx部署多个前端项目【详细操作】
m0_64210833的博客
06-11 7467
手把手教你如何在Linux/Windows系统上使用Nginx部署多个前端项目，并且教你如何关闭防火墙解决项目访问失败问题。
内网安装nginx
linsenaa的博客
03-29 2765
关闭防火墙端口：firewall-cmd --zone=public --remove-port=9200/tcp --permanen。开启防火墙端口：firewall-cmd --zone=public --add-port=9200/tcp --permanent。注意：添加端口后，必须用命令firewall-cmd --reload重新加载一遍才会生效。查看开放的端口：firewall-cmd --list-ports。查看防火墙状态：firewall-cmd --state。
nginx内网安装
qq_39966710的博客
08-08 1378
详细讲解内网如何安装nginx
IT忍者神龟之yum安装依赖和编译nginx安装nginx--银河麒麟V10SP3
IT忍者神龟
01-28 564
1、安装nginx之前，在内网环境下需要先进行配置本地yum源。2、本文使用的操作系统：银河麒麟V103、查看操作系统CPU型号lscpu4、查看操作系统信息5、安装的版本：nginx-1.16.1.tar.gz一、 获取源代码二、 编译环境配置执行如下命令，安装依赖包。三、编译源代码1) 执行以下命令，获取安装包。2) 执行以下命令，解压安装包。3) 执行以下命令，进入安装目录。
linuxnginx部署前端项目
08-29
要在Linux上部署前端项目，通常可以使用Nginx作为Web服务器。以下是一般的步骤： 1. 安装Nginx：使用包管理器（如apt或yum）安装Nginx。例如，在Ubuntu上可以运行以下命令： ``` sudo apt update sudo apt install nginx ``` 2. 配置Nginx：Nginx的配置文件通常位于`/etc/nginx/nginx.conf`或`/etc/nginx/conf.d/default.conf`。使用文本编辑器打开配置文件，并进行以下更改： - 将`server`块中的`root`指令设置为你的前端项目的路径。例如，如果你的前端项目在`/var/www/html`目录下，可以这样设置： ``` server { ... root /var/www/html; ... } ``` - 如果你的前端项目是一个单页应用（SPA），需要添加一个重写规则以确保所有请求都指向`index.html`。在`location`块中添加以下指令： ``` location / { try_files $uri $uri/ /index.html; } ``` 3. 启动Nginx：启动Nginx服务。在Ubuntu上，可以使用以下命令： ``` sudo service nginx start ``` 4. 访问前端项目：现在，你可以通过浏览器访问你的前端项目了。只需输入服务器的IP地址或域名即可。 请注意，以上步骤是一般流程，并且可能会根据具体情况有所不同。此外，确保你的前端项目已经构建并准备好部署。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值