mac｜使用nginx部署react前端项目

1. 打包 react 项目

yarn run build

2. 下载 nginx 并启动

brew install nginx

// 安装

sudo xcode-select --install

// 防止 warning

brew services start nginx

// 启动, 在浏览器打开 http://localhost:8080 出现welcome... 即可

3. 使用 ssh ip 账号密码 远程连接服务器

ssh root@xxx.xxx.xx

// root 用户名

// xxx.xx.xx IP地址

4. 找到 nginx 配置文件 nginx.conf

nginx -t

// 找到配置文件所在目录

vi nginx.conf

// 编辑配置文件，进入编辑i    退出编辑esc    保存并退出:wq!    立即生效source xxx

5. 修改配置文件

网上很多，不再列举，一般在 server 下添加

5.1. 再次上传

1. 先删除之前的文件夹        rm -rf 文件夹路径
2. 创建新的文件夹               mkdir 文件夹路径
3. 再开一个终端                  
4. 见6

6. 上传打包后的文件到服务器

scp 本地文件地址 服务器用户名@服务器地址:上传到的服务器文件夹地址

相关知识：

• vim命令
• scp本地服务器传输命令
• ssh远程连接服务器命令
• nginx安装和配置

参考：

（Mac)nginx部署前端项目到服务器小白教程_mac部署前端代码到服务器_Ｃynthia的博客-CSDN博客

mac下nginx的安装和配置 - 简书

linux下查找nginx.conf文件路径的方法-阿里云开发者社区

Mac中vim的 进入编辑状态、退出编辑状态、强制保存并退出_mac vi 强制保存_皮皮管理的博客-CSDN博客

scp命令传文件_scp传文件_D2cOneluo的博客-CSDN博客