Nginx部署前端dist文件夹-Toy模板网

这篇具有很好参考价值的文章主要介绍了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 make
yum -y install zlib zlib-devel openssl openssl-devel pcre pcre-devel

3.解压Nginx

tar -zxvf nginx-1.20.1.tar.gz

Nginx部署前端dist文件夹

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

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

进入解压的文件目录

Nginx部署前端dist文件夹

使用默认配置，然后回车 ./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 ok
nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful

启动Nginx

./nginx

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

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

Nginx部署前端dist文件夹

7.修改配置文件 nginx.conf

进入nginx下的conf文件夹

vim nginx.conf

Nginx部署前端dist文件夹

保存配置文件后，需要重启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://www.toymoban.com/news/detail-476490.html

到了这里，关于Nginx部署前端dist文件夹的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

Nginx部署前端dist文件夹