mac安装nginx且配置vue/springboot项目过程(本地/服务器)
作者：my向阳而生
一、mac安装Nigix
1. 查看是否存在nginx
执行brew search nginx 命令查询要安装的软件是否存在
brew search nginx
2. 安装nginx
brew install nginx
3. 查看版本
nginx -v
4. 查看信息
查看ngxin下载的位置以及nginx配置文件存放路径等信息
brew info nginx
- 下载的存放路径
/usr/local/Cellar/nginx/1.27.0
- 配置文件存放路径
/usr/local/etc/nginx/nginx.conf
- 网站根目录
/usr/local/var/www
5. 确认存放路径
6.启动
1）进入目录启动
在终端cd /usr/local/Cellar/nginx/1.27.0/bin进入bin目录，然后执行nginx命令（没有报错就是启动成功）
cd /usr/local/Cellar/nginx/1.27.0/bin
2）开启自启动（服务器）
sudo systemctl enable nginx
默认端口 8080
打开浏览器输入 localhost:8080
默认的网站根目录为html（即/usr/local/var/www），而默认的索引文件为index.html 和 index.htm
3）全局配置
为了能够全局使用nginx命令，可以配置下全局变量
vim .bash_profile
PATH=$PATH:/usr/local/Cellar/nginx/1.27.0/bin export PATH
source .bash_profile
7. 关闭
nginx -s stop
8. 修改端口
/usr/local/etc/nginx/nginx.conf
修改之后重新运行nginx -s reload命令就能打开自定义的端口号
进入
cd /usr/local/Cellar/nginx/1.27.0/bin
nginx -s reload
各种命令
brew services start nginx # 启动 nginx -c /usr/local/nginx/conf/nginx.conf # 首先利用配置文件启动nginx brew services stop nginx # 停止 service nginx restart # 重启 nginx -h # 查看帮助信息 nginx -v # 查看nginx版本(小写字母v) nginx -V # 除版本信息外还显示配置参数信息(大写字母V) start nginx # 启动nginx start nginx -c filename # 指定配置文件启动nginx nginx -s quit # 关闭nginx，完整有序的停止nginx，保存相关信息 nginx -s stop # 关闭nginx，快速停止nginx，可能并不保存相关信息 nginx -s reload # 重新载入nginx，当配置信息修改需要重新加载配置是使用 nginx -s reopen # 重新打开日志文件 nginx -t -c filename # 测试nginx配置文件是否正确 systemctl stop nginx.service # linux停止 systemctl start nginx.service # linux启动 ps aux | grep nginx # 查看服务 systemctl restart nginx.service # 重启 netstat -tlnp # 端口号
二、本地配置项目
没有设置代理的项目
1. vue前端
通过指令打包，生成dist文件
npm run build
2. 将 dist文件下的内容存放至 nginx
/usr/local/Cellar/nginx/1.27.0
在上面的目录下新建一个文件夹may(自己设置)，用来存档dist
dist文件夹下的内容拷贝至 may文件夹下
3. nginx的 nginx.conf设置
/usr/local/etc/nginx/nginx.conf
/usr/local/etc/nginx
修改前
修改后
4.重载nginx
nginx -s reload
5. 访问项目
- 先访问前端看是否正常
http://localhost:8080
- 开启后端
java -jar ***.jar
然后就可以正常登录了
三、服务器运行设置
注意：前后端代码部分，localhost要更换成ip地址
1.linux(centOS) 安装 nginx
1）联网下载
wget -c http://nginx.org/download/nginx-1.27.0.tar.gz
2) 安装依赖包
yum install -y gcc-c++ zlib zlib-devel openssl openssl-devel pcre pcre-devel
查看下载的包
3）安装
- 解压
tar -zxvf nginx-1.27.0.tar.gz
进入nginx目录
- 配置基本信息configure
--prefix是指定安装目录
./configure --prefix=/usr/local/nginx-1.27.0
然后可以看到我们的目录下，多了一个Makefile文件
- 编译安装
对nginx编译和安装
make & make install
2. 启动
进入安装目录
cd /usr/local/nginx-1.27.0
进入sbin目录下，执行一下命令启动
./nginx
在后台一直启动
nohup ./nginx &
重载
./nginx -s reload
查询是否启动
ps -ef | grep nginx
开启防火墙限制 ,nginx的默认端口为80
浏览器访问：ip地址:80
3. 设置nginx 的开机启动
vim /etc/rc.local
添加
/usr/local/nginx-1.27.0/sbin/nginx
source /etc/rc.local
4. 关闭
./nginx -s stop
5. 修改配置端口和默认访问页面
/usr/local/nginx-1.27.0目录下新建了 may文件夹
找到nginx的配置文件，编辑
vi /usr/local/nginx-1.27.0/conf/nginx.conf
/usr/local/nginx-1.27.0/may
source /usr/local/nginx-1.27.0/conf/nginx.conf
注意： 文件夹may要设置可读写权限
6. 设置 java项目一直运行
nohup java -jar your-project.jar &
nohup java -jar /root/may2024/java/jxc-admin-1.0.0-SNAPSHOT.jar &
7. 访问项目
如果报错403 Forbidden,可能是前端文件夹权限不够，设置权限即可
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。