mac安装nigix且配置 vue/springboot项目(本地/服务器)

一、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,可能是前端文件夹权限不够,设置权限即可

上一篇:YOLOv8---seg实例分割(制作数据集,训练模型,预测结果)


下一篇:关于vue2 antd 碰到的问题总结下