位置: IT常识 - 正文
Linux 使用Nginx部署web(vue、react)项目(nginx for linux)
编辑：rootadmin推荐整理分享Linux 使用Nginx部署web(vue、react)项目(nginx for linux)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:linux nginx部署web项目,linux+nginx,linux中nginx配置,linux nginx -t,linux deploy nginx,linux deploy nginx,linux nginx部署web项目,linux+nginx,内容如对您有帮助，希望把文章链接给更多的朋友！
前言
本文基于：操作系统 CentOS 7.6
使用的工具：Xshell7、Xftp7
1.安装所需依赖
安装gcc
yum -y install gcc安装pcre、pcre-devel
yum -y install pcre pcre-devel安装zlib、zlib-devel
yum install -y zlib zlib-devel安装openssl、openssl-devel
yum install -y openssl openssl-devel2.创建nginx文件夹
这个文件夹存放的位置可以自定义，以下为示例（存放在usr/local下）：
cd /usr/localmkdir nginxcd nginx3.下载nginx安装包
nginx安装包的版本可以指定，对应修改即可
wget http://nginx.org/download/nginx-1.19.10.tar.gz4.解压nginx压缩包
tar -zxvf nginx-1.19.10.tar.gz5.配置、安装nginx
cd nginx-1.19.10指定nginx安装路径（如果不指定，将默认安装在/usr/local/bin）
./configure --prefix=/usr/local/nginx
安装
make && make install
6.配置 nginx.conf
配置文件在 /usr/local/nginx/conf 目录下，将配置文件拉到本地编辑，改完了别忘了上传覆盖
server_name: 如果有域名的话，可以指定为域名
location - root字段： 前端项目存放路径，目录随意
location - index 和 try_files字段为固定写法
location / { root /var/www/project; index index.html index.htm; try_files $uri $uri/ /index.html;}7.前端项目
根据 nginx.conf 配置，将项目放置在指定目录
8.启动nginx
进入 sbin 文件夹
cd /usr/local/nginx/sbin启动
./nginx其他常用命令
关闭
./nginx -s stop重启
./nginx -s reload9.效果图
通过服务公网ip访问
如果本篇文章对你有帮助的话，很高兴能够帮助上你。
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。
下一篇：瓦卡托比国家公园，印度尼西亚 (© Fabio Lamanna/Alamy)(卡比托丽娜·瓦西里耶娃)