Linux安装Nginx并部署前端项目【内/外网-保姆级教程】

news/2024/11/29 12:36:32/

目录

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访问部署的前端项目


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

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或版本信息代表安装成功;

2.6安装PCRE:

//1.解压对应文件
tar -zxvf pcre-8.35.tar.gz
//2.进入对应文件夹
cd pcre-8.35
//3.执行命令:依次执行
./configure
make
make install

2.7安装libtool

//1.解压对应文件
tar -zxvf libtool-2.4.2.tar.gz
//2.进入对应文件夹
cd libtool-2.4.2
//3.执行命令:依次执行
./configure
make
make install

 2.8安装nginx

//1.解压对应文件
tar -zxvf nginx-1.13.9.tar.gz
//2.进入对应文件夹
cd nginx-1.13.9
//3.执行命令:依次执行
./configure
make
make install

3如何进行操作

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

su root 有密码就输入密码,没密码就直接进行操作。(不是管理员不能对nginx配置文件进行操作和相关文件的删除等操作)

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

cd /usr/local/nginx

3.3ngin文件内容解释

进入到nginx下包含下图所显示的文件,我们进行前端部署主要是去操作conf(配置文件),html(放前端打包的dist文件),sbin(启动nginx)

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

        如何将前端的dist文件放置到nginx的html文件下,首先要注意nginx默认可以解压tar后缀的压缩包,所以你在外部需要打包成tar压缩包,如果你想打包成其他后缀的压缩包也行,但是需要安装解压的插件,但内网不是不能联网下载吗?建议使用7ZIP直接打包成tar压缩包。

然后

cd html

进入到html目录下,默认是包含两个html文件的。

3.5上传dist.tar压缩包

使用rz 命令,直接输入rz进行上传dist.tar文件。(rz -y命令会直接覆盖掉上传的同名的文件)

3.6解压dist.tar文件

直接使用tar -xvf dist.tar 进行解压

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

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

3.9启动Nginx

切换到sbin目录下执行

./nginx

3.10查看是否启动成功

执行

netstat -tpln或ps -ef|grep nginx

查看是否成功启动

3.11访问部署的前端项目

直接输入 linux的ip:nginx监听的端口号进行访问

例如

127.0.0.1:3000

结束。

学习/借鉴文章:linux安装nginx完整流程【纯内网环境也可安装】_内网安装nginx_张某敲代码的博客-CSDN博客


http://www.ppmy.cn/news/241462.html

相关文章

00后是太恐怖了,工作没两年,跳槽到我们公司起薪20K都快接近我了

在程序员职场上,什么样的人最让人反感呢? 是技术不好的人吗?并不是。技术不好的同事,我们可以帮他。 是技术太强的人吗?也不是。技术很强的同事,可遇不可求,向他学习还来不及呢。 真正让人反感的,是技术平平&…

5.C++多线程--单例设计模式

1.设计模式 单例设计模式:整个项目中,有某个或者某些特殊的类,属于该类的对象只能创建1个。 双重锁定(双重检查)可以完成单例设计模式的完成。 std::call_once(); 能够保证函数a只被调用一次; 具备互斥…

24、js - 防抖

<body><input type"text"></body></html> <script src"./lodash.min.js"></script> <script>// 防抖&#xff1a;单位时间内&#xff0c;频繁地触发事件&#xff0c;只执行最后一次// 使用场景&#xff1a;搜索…

计算机组成原理笔记概览

Chapter 1 计算机概要与技术Chapter 2 指令:计算机的语言Chapter 3 算术运算Chapter 4 处理器Chapter 5 大容量和高速度:开发存储器层次结构适配教材:《计算机组成与设计 硬件/软件接口 原书第5版》 要学计算机组成原理,你得知道它是干什么的,抓住总线:如何改进计算机的…

读硬盘

从零学编程 Help > 第二章&#xff1a;汇编语言 > 029.读写硬盘 如果把硬盘也抽象成类似内存一样的高楼&#xff0c;撇开扇区的“概念”。 内存里面的一层楼住着&#xff1a;8个bit位1个字节。硬盘里面的一层楼住着&#xff1a;4096bit位512个字节。之前因为我们是没有操…

TB级别分布式关系型数据库OceanBase理论详解

OceanBase是阿里开发的分布式关系型(SQL)数据库&#xff0c;其目标是支持数百TB的数据量以及数十万TPS、数百万QPS的访问量&#xff0c;无论是数据量还是访问量&#xff0c;即使采用非常昂贵的小型机甚至是大型机&#xff0c;单台关系数据库系统都无法承受。 案例&#xff1a;O…

raid卡缓存对硬盘性能_1000倍可靠性,专为高端NAS而生 西部数据SA500 RED SSD固态硬盘首发评测...

创作说明&#xff1a; 西部数据为了集齐7龙珠&#xff08;不对&#xff0c;7种颜色&#xff09;&#xff0c;于10月份正式发布了专为NAS而生的RED SSD SA500系列&#xff0c;有500GB、1TB、2TB、4TB共4种容量规格。西部数据专门针对 247 全天候使用条件对RED SSD进行设计并经过…

教您组装8硬盘1U电影存储服务器

前阵子笔者写了一篇《 自己动手轻松打造5000G洋量存储服务器 》&#xff0c;发表之后引来很多对存储感兴趣的朋友的关注&#xff0c;许多人来信和笔者探讨自己组装大型存储服务器的实用性和可行性&#xff0c;给笔者提出很多中肯意见&#xff0c;并希望将这个话题进一步深化下去…