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

这篇具有很好参考价值的文章主要介绍了【运维】Linux安装Nginx并部署前端项目的两种方式【内 外网-保姆级教程】_linux部署前端项(1)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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下载所需要的安装包

下载链接

【运维】Linux安装Nginx并部署前端项目的两种方式【内 外网-保姆级教程】_linux部署前端项(1),2024年程序员学习,运维,linux,nginx

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运维全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
【运维】Linux安装Nginx并部署前端项目的两种方式【内 外网-保姆级教程】_linux部署前端项(1),2024年程序员学习,运维,linux,nginx
【运维】Linux安装Nginx并部署前端项目的两种方式【内 外网-保姆级教程】_linux部署前端项(1),2024年程序员学习,运维,linux,nginx
【运维】Linux安装Nginx并部署前端项目的两种方式【内 外网-保姆级教程】_linux部署前端项(1),2024年程序员学习,运维,linux,nginx
【运维】Linux安装Nginx并部署前端项目的两种方式【内 外网-保姆级教程】_linux部署前端项(1),2024年程序员学习,运维,linux,nginx
【运维】Linux安装Nginx并部署前端项目的两种方式【内 外网-保姆级教程】_linux部署前端项(1),2024年程序员学习,运维,linux,nginx

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

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

如果你觉得这些内容对你有帮助,可以添加VX:vip1024b (备注Linux运维获取)
【运维】Linux安装Nginx并部署前端项目的两种方式【内 外网-保姆级教程】_linux部署前端项(1),2024年程序员学习,运维,linux,nginx

最后的话

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

资料预览

给大家整理的视频资料:

【运维】Linux安装Nginx并部署前端项目的两种方式【内 外网-保姆级教程】_linux部署前端项(1),2024年程序员学习,运维,linux,nginx

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

【运维】Linux安装Nginx并部署前端项目的两种方式【内 外网-保姆级教程】_linux部署前端项(1),2024年程序员学习,运维,linux,nginx

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

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

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

我们一起学习成长!**](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、安卓逆向、云计算

到了这里,关于【运维】Linux安装Nginx并部署前端项目的两种方式【内 外网-保姆级教程】_linux部署前端项(1)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 关于部署vue项目在Linux上的两种方式tomcat以及nignx(1)使用tomcat进行部署

    阿丹有话说:         之前在写spring-boot项目的时候是直接写的jsp页面直接打成war包来运行。使用到了tomcat,而且简单方便,但是美中不足就是动画演示以及页面没有办法做的非常美观。自从开始写前后端分离的项目(微服务等)之后,发现element-ui是真的好用。现在想给vue的

    2024年02月03日
    浏览(47)
  • Linux 删除大量小文件的两种方案 | 运维进阶

    【摘要】 Linux如何删除大量小文件?本文介绍了两种方法。 【作者】赵靖宇 环境: RHEL 6.5 + Oracle 11.2.0.4 需求: 使用df -i巡检发现Inodes使用率过高,需要清理删除文件来解决。如果Inodes满,该目录将不能写,即使df -h查看还有剩余空间。 这是因为通配符*在执行时会替换为具体

    2024年02月08日
    浏览(40)
  • Linux如何使用Nginx部署前端项目

    输入命令: rpm -Uvh http://nginx.org/packages/centos/7/x86_64/RPMS/nginx-1.14.2-1.el7_4.ngx.x86_64.rpm 输入命令: yum install nginx 注1:yum方式安装nginx,它的安装根目录为 /etc/nginx 注2:查看nginx版本      输入命令: rpm -qa | grep nginx  小嘴一提: Nginx的默认端口号是80,所以在访问项目输入地址的

    2023年04月25日
    浏览(41)
  • Docker 安装 Nginx 部署前端项目

    注意 :这里有一个需要注意的点,Nginx 一般是根据配置文件启动的。 如果我们在第一次启动的时候就挂载目录,那么因为我们宿主机是空文件,会直接导致 Nginx 容器内的配置文件被覆盖,致使启动失败。 所以的步骤如下 1、宿主机创建好要挂载的目录 -p  参数的作用就是允许

    2024年04月11日
    浏览(36)
  • IDEA部署项目到tomcat运行成功但是页面404的两种原因

    当时我遇到的问题就是明明部署成功的项目却连index.jsp都访问不了报404。在网上搜索了很多的答案都没有解决。直到后面我才发现是我部署在tomcat中的项目有问题,如图 正确的操作应该是部署该项目的War包而不是直接将这个项目直接放到Tomcat中的deployment中去。 而WAR包需要在

    2024年02月11日
    浏览(38)
  • Linux下安装CMake的两种方法

    方法一:使用包管理器安装CMake 在Linux系统中,可以使用包管理器来安装CMake。不同的Linux发行版可能使用不同的包管理器,下面以常见的Ubuntu系统为例: 打开终端,输入以下命令更新包管理器的软件源信息: 安装CMake: 输入管理员密码确认安装。包管理器将自动下载并安装

    2024年02月04日
    浏览(37)
  • 【ubuntu】ubuntu 20.04安装docker,使用nginx部署前端项目,nginx.conf文件配置

    docker 官网:Install Docker Engine on Ubuntu 1.将apt升级到最新 2.使用apt安装 docker 和 docker-compose (遇到提示输入 y ) 3.将当前用户添加到docker用户组 4.运行hello-world 运行成功 1.修改配置文件 修改conf/nginx.conf 2.重新挂载 给容器设置自启动(如果提示就去掉sudo) 给docker设置开机自启动

    2024年01月20日
    浏览(47)
  • 手把手教你在Linux/Windows系统使用Nginx部署多个前端项目【详细操作】

            需求:项目上线需要将前端的前台和后台部署在服务器上提供用户进行使用,部署在不同的服务器直接在服务器安装nginx即可。但是在内网安装还是有点麻烦,因为需要联网,如果是内网可以参考Linux安装Nginx并部署前端项目【内/外网-保姆级教程】_MXin5的博客-CSDN博

    2024年02月14日
    浏览(51)
  • linux下安装git-lfs的两种方法

    一、方法一(推荐) 首先安装git-lfs ubuntu版:  centeros版: 然后验证安装成功 若显示: 则安装成功。 二、方法二 从git官网上下载安装包后,手动解压后安装。 详细可参考: 安装 Git Large File Storage - GitHub 文档

    2024年02月07日
    浏览(35)
  • 【Docker】Linux中使用Docker安装Nginx部署前后端分离项目应用

    目录 一、概述 1. Nginx介绍 2. Nginx优势 3. Nginx的工作原理 二、容器创建 1. Mysql容器 2. Tomcat容器 3. Nginx容器 每篇一获 Nginx(发音为 \\\"engine x\\\")是一个开源的、高性能的 HTTP 服务器和反向代理服务器。它也可以作为一个 IMAP/POP3/SMTP 代理服务器。Nginx 是由 Igor Sysoev 开发的,最

    2024年01月21日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包