macOS|前端工程部署到Nginx服务器

前置条件

1.Nginx安装完成

2.前端工程打包完成并生成静态文件(如 dist 目录)

步骤一

查找Nginx安装目录和配置文件目录

bash 复制代码
brew info nginx

步骤二

将前端工程移动到Nginx安装目录下的html文件夹

步骤三

编辑 Nginx 配置文件:在 http 块中添加或修改一个 server 块,使其指向你的前端工程的静态文件目录(dist目录)。

注意端口号的配置(默认8080,我这里改为了91)

步骤四

浏览器输入

bash 复制代码
localhost:91

部署成功!

相关推荐
独行侠影a9 分钟前
6G研发加速:太赫兹通信与智能超表面如何重塑未来网络?
运维·服务器
便利店102430 分钟前
企业远程办公如何打通内网?网络层隧道与封装直觉
运维·服务器·网络·vpn·隧道
Y38153266233 分钟前
SERP API 请求体 Gzip 压缩优化实战:大数据量降带宽 80%
开发语言·前端·php
踩着两条虫1 小时前
VTJ.PRO AI Agent 技术白皮书
前端·vue.js·低代码
子兮曰1 小时前
解剖 Claude Code:从入口架构逆向工程看 AI 编程工具的信任边界设计
前端·后端·claude
先吃饱再说2 小时前
层层传递太“痛”了:useContext 给 React 组件装了个“无线遥控器”
前端·react.js·前端框架
颜进强2 小时前
前端看后端 15:什么是 DNS?
前端·后端·ai编程
文艺理科生2 小时前
LangChain.js-v1-记忆管理最佳实践
前端·javascript·后端
子兮曰2 小时前
Elysia vs Hono 完整性能对比:Bun 专属优化还是跨平台通用,2026 实测数据给出的答案
前端·后端·typescript
To_OC2 小时前
从一个颜色选择器说起:我终于整明白了 React+TS 里的 model 与 api 分层
前端·react.js·typescript