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

前置条件

1.Nginx安装完成

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

步骤一

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

bash 复制代码
brew info nginx

步骤二

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

步骤三

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

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

步骤四

浏览器输入

bash 复制代码
localhost:91

部署成功!

相关推荐
Penge6664 分钟前
Ant Design(Antd)了解
前端
wangruofeng27 分钟前
同一行代码,百种渲染:Asuka、React Native 与 Flutter 跨平台渲染机制深度拆解
前端·github
Penge6661 小时前
JavaScript 核心语法速通
前端
火云代理1 小时前
更换网络后为什么会退出登录?分清 IP、Cookie 与会话的关系
服务器·网络·网络协议·tcp/ip·php·ip
威嵌神州2 小时前
嵌入式排故实录:高并发下串口数据“超时丢包”的根因剖析与架构优化
运维·服务器·嵌入式硬件·缓存
wangruofeng2 小时前
写给开发者的〈重构 UI〉实战笔记:从改好一个设置页开始,告别“程序员审美”
前端·aigc
程序员鱼皮3 小时前
格局!刚刚 DeepSeek 正式开放全家桶 API,咱都能复刻 DeepSeek App 了?
前端·aigc·ai编程
ZhengEnCi3 小时前
登录页电脑端怎么设计才不空:5 种布局方案与可粘贴 AI 提示词
前端·css·设计
Penge6663 小时前
JavaScript:DOM 树
前端
Penge6663 小时前
CSS 核心布局指南:盒模型、Flex 布局与 Position 定位
前端