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

 更新时间:2025年07月28日 08:36:35   作者:my向阳而生  
文章涵盖Mac和Linux安装Nginx的步骤,包括配置路径、自启动、端口修改、前端部署及权限设置,解决常见问题以确保服务正常运行

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

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Nginx 502 Bad Gateway报错原因解析与解决方案

    Nginx 502 Bad Gateway报错原因解析与解决方案

    我发现很多开发者对 502 错误的理解停留在表面,认为只是简单的服务不可用,本文将带大家从多维度了解Nginx 502 Bad Gateway报错原因和解决方法,需要的小伙伴可以了解下
    2025-09-09
  • nginx多域名转发的实现

    nginx多域名转发的实现

    本文主要介绍了nginx多域名转发的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-03-03
  • Nginx配置文件解析

    Nginx配置文件解析

    Nginx 是一款常用的 Web 服务器软件,其配置文件用于指定服务器的行为和功能,本文将给大家详细的解析Nginx配置文件,文中有相关的代码示例供大家参考,需要的朋友可以参考下
    2023-09-09
  • 滑块验证完整实现部署流程(前端 + 后端 + Nginx 集成)

    滑块验证完整实现部署流程(前端 + 后端 + Nginx 集成)

    滑块验证作为一种反机器人的工具,也会不断发展和演进,以适应不断变化的威胁,这篇文章主要介绍了滑块验证完整实现部署流程(前端 + 后端 + Nginx集成)的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-12-12
  • Nginx服务器的location指令匹配规则详解

    Nginx服务器的location指令匹配规则详解

    这篇文章主要介绍了Nginx服务器的location指令匹配规则,文中介绍了一种动静态地址分离的方法示例,需要的朋友可以参考下
    2015-12-12
  • Nginx PHP-Fcgi中因PHP执行时间导致504 Gateway Timeout错误解决记录

    Nginx PHP-Fcgi中因PHP执行时间导致504 Gateway Timeout错误解决记录

    这篇文章主要介绍了Nginx PHP-Fcgi中因PHP执行时间导致504 Gateway Timeout错误解决记录,本文的解决方法得来不易,需要的朋友可以参考下
    2014-09-09
  • 解决国内k8s的ingress-nginx镜像无法正常pull拉取问题

    解决国内k8s的ingress-nginx镜像无法正常pull拉取问题

    本文主要介绍了解决国内k8s的ingress-nginx镜像无法正常pull拉取问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-03-03
  • 三步配置轻量级服务器nginx小结

    三步配置轻量级服务器nginx小结

    Nginx是一个安装非常的简单 , 配置文件非常简洁,本文就来介绍一下三步配置轻量级服务器nginx,具有一定的参考价值,感兴趣的可以了解一下
    2023-08-08
  • windows下Nginx多域名简单配置教程

    windows下Nginx多域名简单配置教程

    这篇文章主要为大家详细介绍了windows下Nginx多域名简单配置教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • Nginx 平滑升级的实现(拒绝服务漏洞)

    Nginx 平滑升级的实现(拒绝服务漏洞)

    本文主要介绍了Nginx 平滑升级的实现(拒绝服务漏洞),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2025-02-02

最新评论