前言:在学习《黑马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