首页 > 系统相关 >nginx部署前端项目 (Linux版)

nginx部署前端项目 (Linux版)

时间:2024-09-04 11:21:07浏览次数:12  
标签:pcre sbin 前端 openssl devel nginx 文件夹 Linux

目录

一: nginx部署前端项目(Windows版)

nginx部署前端项目(Windows版本)

二: 下载相关依赖

yum install -y gcc-c++ pcre pcre-devel zlib zlib-devel openssl openssl-devel

gcc-c++: 这是GNU编译器集合中的C++编译器,用于编译C++代码。
pcre: Perl兼容正则表达式库,提供正则表达式支持。
pcre-devel: pcre库的开发文件,包括头文件和静态库,用于开发依赖于pcre的应用程序。
zlib: 一个数据压缩库,提供基本的压缩和解压缩功能。
zlib-devel: zlib的开发文件,包括头文件和库,用于开发依赖于zlib的应用程序。
openssl: 提供安全通信的加密库,支持SSL/TLS协议。
openssl-devel: openssl的开发文件,包括头文件和库,用于开发依赖于openssl的应用程序。

在这里插入图片描述

我这里是之前已经下载过一次了,很多时候会在下载后出现很多问题,需要解决问题来避免后续编译nginx出现问题

三: 下载安装nginx

nginx-linux官网下载地址

  1. 可以下载离线包后上传linux
  2. linux通过wget下载

在这里插入图片描述

wget http://nginx.org/download/nginx-1.27.1.tar.gz

在这里插入图片描述

# 解压nginx安装包
tar -zxf nginx-1.27.1.tar.gz

下载后解压,注意版本号不同需要自行修改,解压后当前目录下就有一个nginx的文件夹。

在这里插入图片描述

# 进入nginx文件夹
cd nginx-1.27.1
# 配置nginx
./configure

nginx可以选配,也可以默认配置。
这个就好像安装一个windows程序,先下载安装包,然后打开安装包再去选择一个位置安装软件

在这里插入图片描述

输入 ./configure 默认安装后成功如下
nginx path prefix: nginx的路径

在这里插入图片描述

最后还需要执行一个 “确认安装” 的一个命令

# 编译并安装
 make && make install

在这里插入图片描述

进入到默认安装时的默认路径 /usr/local/nginx

  1. conf: nginx配置文件
  2. html: 默认资源路径
  3. logs: 日志
  4. sbin: 启动指令文件

在这里插入图片描述

四: 启动nginx

进入到 sbin 目录下启动nginx测试是否成功
启动nginx后,nginx根目录会出现一些其他的文件夹,是 ./configure 时安装的一些其他功能模块
启动后 curl 访问是 404 的话代表启动失败了,需要到 nginx/logs 文件夹下查看原因
启动成功后 nginx/logs 文件夹下会多出一个 nginx.pid 进程文件,启动失败则没有

# 进入sbin目录
cd sbin
# 启动nginx
./nginx
# 云服务器开启 80 端口后可以通过浏览器访问或通过 curl 命令访问是否启动成功
curl 127.0.0.1

在这里插入图片描述

五: 部署前端项目

项目打包成一个 dist 文件夹上传到项目某个位置或者 nginx/html 中,我这直接放在了 html 文件夹中

在这里插入图片描述

修改 nginx.conf 配置文件配置
root路径修改至要访问的项目路径
端口,域名都可以更改,甚至nginx还有很多其他的功能,我这里只做了简单配置部署前端项目

 server {
    listen       80;
    server_name  localhost;
    location / {
       root   html/dist;
       index  index.html index.htm;
    }

修改后在 sbin 目录下通过nginx命令重启后,浏览器或者 curl 都可以访问到项目了

# 进入sbin
./nginx -s reload

在这里插入图片描述

云服务器是需要开放80端口的才能在外部浏览器访问
虚拟机是需要放行80端口的防火墙才能在外部浏览器访问

在这里插入图片描述

标签:pcre,sbin,前端,openssl,devel,nginx,文件夹,Linux
From: https://blog.csdn.net/weixin_43819028/article/details/141886394

相关文章

  • Linux 系统压测实战
    今天给伙伴们分享一下Linux系统压测实战,希望看了有所收获。我是公众号「想吃西红柿」「云原生运维实战派」作者,对云原生运维感兴趣,也保持时刻学习,后续会分享工作中用到的运维技术,在运维的路上得到支持和共同进步!如果伙伴们看了文档觉得有用,欢迎大家关注我的公众号,获取相......
  • Linux 用户和组管理(详细)
    今天给伙伴们分享一下Linux用户和组管理,希望看了有所收获。我是公众号「想吃西红柿」「云原生运维实战派」作者,对云原生运维感兴趣,也保持时刻学习,后续会分享工作中用到的运维技术,在运维的路上得到支持和共同进步!如果伙伴们看了文档觉得有用,欢迎大家关注我的公众号,获取相......
  • Linux 磁盘管理-存储设备及类型介绍(超详细)
    今天给伙伴们分享一下Linux磁盘管理-存储设备及类型介绍,希望看了有所收获。我是公众号「想吃西红柿」「云原生运维实战派」作者,对云原生运维感兴趣,也保持时刻学习,后续会分享工作中用到的运维技术,在运维的路上得到支持和共同进步!如果伙伴们看了文档觉得有用,欢迎大家关注......
  • Nginx 【limit_conn_zone】指令简介
    【limit_conn_zone】是Nginx中的一个指令,用于限制特定IP地址或IP地址段的并发连接数,这个指令可以帮助我们防止恶意用户通过大量连接来消耗服务器资源,从而保证正常用户的访问速度和体验,本文将详细介绍【limit_conn_zone】指令的使用方法和相关问题解答。一、【limit_conn_zone】指......
  • linux 基础操作
    LinuxOperationsoriginurl(https://ubuntu.com/tutorials/command-line-for-beginners#4-creating-folders-and-files)Fileoperatorsopenaterminal_shift+alt+t_showcurrentworkingdirectory_pwd_changedirectorycd*changedirectorytoroot_cd......
  • Linux-devops
    云原生时代:以Devops、SRE框架为指导,Docker/K8S/微服务为基础,用分布式方式加上Python和Go语言,构建一套云技术产品体系,以及进行高级管理工具的二次开发,实现属于公司自己的自动化运维体系以及云技术体系的自动化产品。使用的自动化运维产品,可以用rancherargoCDtecktonClgit......
  • Linux启动后自动登录root进入控制台
    通过修改/etc/inittab文件来实现1.buildroot编译出来的 /etc/inittab文件如下##Copyright(C)2001ErikAndersen<[email protected]>##Note:BusyBoxinitdoesn'tsupportrunlevels.Therunlevelsfieldis#completelyignoredbyBusyBoxinit.Ifyo......
  • Node.js后端+Vue前端全栈新闻管理发布项目实战开发
    ‌Node.js后端+Vue前端:‌全栈新闻管理发布项目实战开发‌在当今的Web开发领域,‌全栈开发已成为一种流行趋势,‌它要求开发者同时具备前端和后端技术的能力。‌本文将介绍如何使用Node.js作为后端框架,‌结合Vue.js作为前端框架,‌来实战开发一个新闻管理发布系统。‌技术选型后......
  • Nginx $remote_addr和$proxy_add_x_forwarded_for变量的实现
    $remote_addr代表客户端IP。注意,这里的客户端指的是直接请求Nginx的客户端,非间接请求的客户端。假设用户请求过程如下:用户客户端--发送请求->Nginx1--转发请求-->Nginx2->后端服务器那么,默认情况下,针对Nginx1而言,$remote_addr为用户客户端IP,对Nginx2而言,$remote_addr则为Ngi......
  • 最新Kali Linux安装教程(非常详细)(附镜像包)
    镜像下载:链接:https://pan.baidu.com/s/1W2Jpl5_UNNFKaIs8fLIl7w?pwd=xxxx 提取码:xxxx  配置虚拟机这里我们以最新的vm17.5为例。进行配置虚拟机。1.创建新的虚拟机2.自定义3.直接下一步4.选择稍后安装操作系统因为kali是基于debian深度开发,这里我们选debia......