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

前置条件

1.Nginx安装完成

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

步骤一

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

bash 复制代码
brew info nginx

步骤二

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

步骤三

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

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

步骤四

浏览器输入

bash 复制代码
localhost:91

部署成功!

相关推荐
Huanzhi_Lin几秒前
Nginx本地资源服务器-常用脚本
服务器·前端·nginx·batch·静态资源服务器
weixin19970108016几秒前
《好看视频商品详情页前端性能优化实战》
前端·性能优化·音视频
有意义2 分钟前
深入理解浏览器存储方案:从Cookie到JWT登录认证
前端·面试·浏览器
jiayong232 分钟前
第 6 课:第二轮真实重构,拆出任务表格组件
前端·重构
jiayong239 分钟前
第 4 课:怎么把一个大页面拆成多个组件
运维·服务器·前端
skywalk816312 分钟前
使用DuMate帮助创建 Python 3.9 环境并部署 Kotti CMS
前端·chrome
英俊潇洒美少年15 分钟前
Vue Hook 与 React Hook 全面解析:区别、用法、实战及避坑指南
前端·vue.js·react.js
恒创科技HK19 分钟前
恒创科技:刚交付的香港云服务器应该做哪些测试
运维·服务器
weixin_7042660523 分钟前
项目总结一
java·前端·spring boot·后端·spring
Mintopia23 分钟前
接口设计为什么越改越乱:新手最容易踩的三个坑
前端