【苍穹外卖】Day01—Mac前端环境搭建

gadiaola2025-05-23 15:29

一、安装Nginx

（一）安装Homebrew

（二）Homebrew安装Nginx

[1. 执行安装命令：](#1. 执行安装命令：)

[2. 验证安装：](#2. 验证安装：)

（三）启动与停止Nginx

二、配置Nginx

[1. 替换nginx.conf](#1. 替换nginx.conf)

[2. 替换html文件夹](#2. 替换html文件夹)

三、重启Nginx测试

一、安装Nginx

（一）安装Homebrew

若尚未安装Homebrew，需先执行以下命令（推荐国内用户使用镜像加速）：

bash 复制代码

/bin/bash -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

安装完成后验证：

bash 复制代码

brew -v  # 输出版本号即成功  [1](@ref) [33](@ref)

（二）Homebrew安装Nginx

1. 执行安装命令：

bash 复制代码

brew install nginx

安装完成后会提示关键路径：

配置文件：/opt/homebrew/etc/nginx/nginx.conf （Intel芯片可能为/usr/local/etc/nginx/nginx.conf）

默认网页目录：/opt/homebrew/var/www 可通过brew info nginx查看具体路径

2. 验证安装：

bash 复制代码

nginx -v  # 输出版本号即成功

（三）启动与停止Nginx

启动：

bash 复制代码

brew services start nginx  # 后台服务模式

停止：

bash 复制代码

brew services stop nginx    # 终止后台服务

重启/重载配置：

bash 复制代码

brew services restart nginx

二、配置Nginx

1. 替换nginx.conf

右键访达，点击前往文件夹

输入nginx配置文件路径 /opt/homebrew/etc/nginx/，回车进入文件夹

把文件夹中的nginx.conf替换成资料里的nginx.conf

资料的nginx.conf：

直接拖到这里，替换

2. 替换html文件夹

前往**/opt/homebrew/Cellar/nginx/1.27.5** （后面换成自己安装的版本）

还是把**资料里的html文件夹替换这里的html文件夹，**就成功了。

三、重启Nginx测试

bash 复制代码

brew services restart nginx   //重启nginx

打开浏览器输入：localhost:8080，下面页面正常显示代表前端部署成功

完结撒花🎉