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

目录

一、安装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,下面页面正常显示代表前端部署成功

完结撒花🎉

相关推荐
APIshop4 分钟前
Python 爬虫获取 item_get_web —— 淘宝商品 SKU、详情图、券后价全流程解析
前端·爬虫·python
风送雨12 分钟前
FastMCP 2.0 服务端开发教学文档(下)
服务器·前端·网络·人工智能·python·ai
XTTX11012 分钟前
Vue3+Cesium教程(36)--动态设置降雨效果
前端·javascript·vue.js
LYFlied1 小时前
WebGPU与浏览器边缘智能:开启去中心化AI新纪元
前端·人工智能·大模型·去中心化·区块链
Setsuna_F_Seiei1 小时前
2025 年度总结:人生重要阶段的一年
前端·程序员·年终总结
model20051 小时前
alibaba linux3 系统盘网站迁移数据盘
java·服务器·前端
提笔忘字的帝国2 小时前
【教程】macOS 如何完全卸载 Java 开发环境
java·开发语言·macos
han_2 小时前
从一道前端面试题,谈 JS 对象存储特点和运算符执行顺序
前端·javascript·面试
aPurpleBerry2 小时前
React 01 目录结构、tsx 语法
前端·react.js
jayaccc2 小时前
微前端架构实战全解析
前端·架构