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

前置条件

1.Nginx安装完成

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

步骤一

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

bash 复制代码
brew info nginx

步骤二

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

步骤三

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

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

步骤四

浏览器输入

bash 复制代码
localhost:91

部署成功!

相关推荐
申阳几秒前
Day 5:03. 基于Nuxt开发博客项目-页面结构组织
前端·后端·程序员
dnpao3 分钟前
在服务器已有目录中部署 Git 仓库
运维·服务器·git
全马必破三8 分钟前
React的设计理念与核心特性
前端·react.js·前端框架
ttod_qzstudio14 分钟前
替代 TDesign Dialog:用 div 实现可拖拽、遮罩屏蔽的对话框
前端·tdesign
洞窝技术18 分钟前
前端人必看的 node_modules 瘦身秘籍:从臃肿到轻盈,Umi 项目依赖优化实战
前端·vue.js·react.js
null_null99919 分钟前
宝塔nginx http转https代理
nginx·http·https
冰糖拌面20 分钟前
GO写的http服务,清空cookie
服务器·http·golang
超越自己27 分钟前
远程连接银河麒麟服务器-xrdp方式
linux·运维·服务器·远程桌面·银河麒麟
Asort29 分钟前
React函数组件深度解析:从基础到最佳实践
前端·javascript·react.js
golang学习记29 分钟前
VS Code + Chrome DevTools MCP 实战:用 AI 助手自动分析网页性能
前端