Mac部署nginx 基于黑马商城项目

---

前言：在学习《黑马2024年SpringCloud微服务开发与实战，java黑马商城项目微服务实战开发》中，本地导入黑马商城项目时，即在本地部署前端nginx服务时，因为macos不能运行资料里的exe文件，所以无法按照视频里的方法，在查阅资料和chatgpt过后，实现了在mac本地部署nginx（黑马商城前端）
以下是具体操作步骤

---

一、安装nginx

1. 安装brew

homebrew是什么？它是Mac中的一款软件包管理工具，通过brew可以很方便的在Mac中安装软件或者是卸载软件。官网(https://brew.sh/index_zh-cn.html)
sudo ./configure --with-pcre=/opt/homebrew/opt/pcre

安装成功后的话，我们可以使用命令 “brew update”更新下；如下命令：
brew update

安装nginx命令
brew install nginx

启动nginx
brew services start nginx

我们nginx启动成功之后，就可以访问nginx给我们的默认页面啦
在浏览器地址栏输入：http://localhost:8080，即可访问到页面

二、查看nginx配置信息

brew info nginx

1. 打开查看配置文件 nginx.conf

终端输入open /opt/homebrew/etc/nginx

2. 打开查看前端项目位置

终端输入open /opt/homebrew/var/www

此处hmall文件夹是我自己打包的资料里html文件夹里除了50x.html和index.html的文件夹

知道以上两点后，开始操作

3. 将打包好的前端文件hmall放入nginx文件夹

4. 我们点击查看配置文件nginx.conf（在/opt/homebrew/etc/nginx）

直接将资料里的下载的hmall-nginx/conf/nginx.conf拖拽到nginx配置文件夹里（替换）

修改root后的地址为前端项目所在的文件夹（把将www后面的改成自己的就可以了，注意根是hmall-portal）

5. 保存文件，重新运行

sudo nginx -s reload

三、再次访问前端地址，即可成功显示自己的前端页面：

在浏览器地址栏输入：http://localhost:18080，即可访问到页面

---

ps：如果显示不了css样式或者图片可能是因为文件权限问题

1. 你需要调整权限，以便 NGINX 能够读取这些文件：

sudo chmod 644 /opt/homebrew/var/www/hmall/hmall-portal
sudo chmod 755 /opt/homebrew/var/www/hmall/hmall-portal

• chmod 644 将允许文件所有者读写文件，而其他用户可以读取文件。
• chmod 755 将允许所有用户读取和执行目录内容（但只允许文件所有者修改内容）。

2. 重新运行

sudo nginx -s reload