macOS nginx部署前端项目

1、安装nginx;

c 复制代码
brew install nginx

2、配置nginx,主要配置代码,服务器代理

1、配置文件地址

根目录是 macOS 文件系统的最顶层目录。您可以在 Finder 中使用快捷键 Shift + Command + G,然后输入 /usr,即可直接打开 /usr 目录。另外,您也可以在终端中使用 cd /usr 命令切换到 /usr 目录

/usr/local/etc/nginx

2、主要代码

c 复制代码
location / {
     root   html;
     index  index.html index.htm;
 }
        
location /api {
    rewrite ^/api(.*)$ $1 break;
    proxy_pass http://192.119.115.230:24201;
}

3、macOS nginx index.html文件在哪一个目录下面

在 macOS 上,默认情况下,Nginx 的网站根目录(Document Root)位于 /usr/local/var/www 目录下

4、macOS nginx 相关的命令

c 复制代码
启动 Nginx:

sudo nginx
这将启动 Nginx 服务。您可能需要输入管理员密码进行确认。

停止 Nginx:

sudo nginx -s stop
这将停止正在运行的 Nginx 服务。

重新加载配置:

sudo nginx -s reload
当您对 Nginx 的配置文件进行更改后,可以使用此命令重新加载配置,以使更改生效,而无需停止和启动 Nginx。

检查配置文件语法:

sudo nginx -t
使用此命令可以检查 Nginx 配置文件的语法是否正确。如果配置文件中存在错误,它将显示错误消息。

查看 Nginx 运行状态:

sudo nginx -s status
使用此命令可以查看当前 Nginx 服务的运行状态。

停止 Nginx 并退出:

sudo nginx -s quit
相关推荐
ywf12151 天前
前端的dist包放到后端springboot项目下一起打包
前端·spring boot·后端
恋猫de小郭1 天前
2026,Android Compose 终于支持 Hot Reload 了,但是收费
android·前端·flutter
hpoenixf1 天前
2026 年前端面试问什么
前端·面试
还是大剑师兰特1 天前
Vue3 中的 defineExpose 完全指南
前端·javascript·vue.js
泯泷1 天前
阶段一:从 0 看懂 JSVMP 架构,先在脑子里搭出一台最小 JSVM
前端·javascript·架构
mengchanmian1 天前
前端node常用配置
前端
华洛1 天前
利好打工人,openclaw不是企业提效工具,而是个人助理
前端·javascript·产品经理
xkxnq1 天前
第六阶段:Vue生态高级整合与优化(第93天)Element Plus进阶:自定义主题(变量覆盖)+ 全局配置与组件按需加载优化
前端·javascript·vue.js
todoitbo1 天前
用虚拟局域网打通 Win/Mac/Linux 三端:跨设备协作的实用方案
linux·运维·macos
A黄俊辉A1 天前
vue css中 :global的使用
前端·javascript·vue.js