我的编程空间,编程开发者的网络收藏夹
学习永远不晚

Nginx部署前端dist文件夹

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

Nginx部署前端dist文件夹

Nginx部署前端dist文件夹

nginx部署dist包_墨寒ice的博客-CSDN博客_nginx dist

nginx服务器部署dist文件夹 - 菜鸟学院 (noobyard.com)

nginx 部署 dist 文件 - 懒惰ing - 博客园 (cnblogs.com)

1.下载Nginx的压缩包(tar.gz)

​ 1.本地下载上传nginx: download

​ 2.wget命令下载 wget -c https://nginx.org/download/nginx-1.20.1.tar.gz

2.配置安装Nginx所需的环境

yum -y install gcc gcc-c++ autoconf automake makeyum -y install zlib zlib-devel openssl openssl-devel pcre pcre-devel

3.解压Nginx

tar -zxvf nginx-1.20.1.tar.gz

image-20221218175731546

Linux修改文件名 mv 原文件名 新文件名

如需重命名 请注意后续安装Nginx所生成的文件夹名称是否冲突,避免文件覆盖

进入解压的文件目录

image-20221218180123984

使用默认配置,然后回车 ./configure

4.编译安装Nginx

在当前目录下输入make进行编译

make

注:然后回车,如果编译出错,请检查是否前面的环境安装都没有问题

安装

make install

注:nginx源码编译安装出现“make[1]: Leaving directory `/usr/local/nginx’“解决办法make[1]

安装成功后,这时候返回上一级目录,就会发现多了nginx目录

5.启动Nginx

进入新生成nginx目录下的sbin目录

./nginx -t #检查配置文件是否正确无误,成功提示如下:nginx: the configuration file /usr/local/nginx/conf/nginx.conf syntax is oknginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful

启动Nginx

./nginx

6.复制dist包到指定目录(根据配置文件灵活修改)

将dist文件夹放在nginx目录下的html里面

image-20221218182536899

7.修改配置文件 nginx.conf

进入nginx下的conf文件夹

vim nginx.conf

image-20221218183109276

保存配置文件后,需要重启linux

./nginx -s reload

其他常用命令

关闭Nginx ./nginx -s quit./nginx -s stop

重启nginx ./nginx -s reload

查看nginx进程 ps aux|grep nginx

设置开机自启动

编辑rc.local文件

vim /etc/rc.local

然后在底部增加/usr/local/nginx/sbin/nginx:wq保存并退出

来源地址:https://blog.csdn.net/m0_60789072/article/details/128792963

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

Nginx部署前端dist文件夹

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

一篇文章快速掌握Nginx部署前端项目(Nginx安装配置及部署都非常详细!)

这篇文章主要给大家介绍了关于如何通过一篇文章快速掌握Nginx部署前端项目的相关资料,文中从Nginx安装配置及部署都非常详细哦,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2023-01-12

前端如何将项目部署到服务器(Nginx)

文章目录 一、准备环境二、安装Nginx1、 安装Nginx依赖2、下载Nginx3、解压下载好的Nginx 压缩包4、编译安装Nginx5、启动Nginx服务 三、操作步骤1、使用Xshell连接服务器2、上传静态资源文件3、
2023-08-21

Docker+Nginx打包部署前后端分离步骤实现

这篇文章主要介绍了Docker+Nginx打包部署前后端分离步骤实现,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
2023-01-08

Docker+Nginx打包部署前后端分离怎么实现

这篇文章主要介绍“Docker+Nginx打包部署前后端分离怎么实现”,在日常操作中,相信很多人在Docker+Nginx打包部署前后端分离怎么实现问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Docker+
2023-07-04

jenkins+gitlab+nginx部署前端应用实现的示例分析

这篇文章将为大家详细讲解有关jenkins+gitlab+nginx部署前端应用实现的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。相关依赖安装docker由于国内安装太慢,所以可以使用 http
2023-06-15

nginx部署前端项目的超级详细步骤记录

众所周知Nginx是一款高性能的http服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,这篇文章主要给大家介绍了关于nginx部署前端项目的超级详细步骤,需要的朋友可以参考下
2023-02-01

编程热搜

目录