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

前置条件

1.Nginx安装完成

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

步骤一

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

bash 复制代码
brew info nginx

步骤二

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

步骤三

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

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

步骤四

浏览器输入

bash 复制代码
localhost:91

部署成功!

相关推荐
小白的代码日记10 分钟前
Nginx学习与安装
运维·nginx
LilyCoder24 分钟前
HTML5二十四节气网站源码
前端·javascript·html·html5
Bruce_Liuxiaowei37 分钟前
跨站脚本攻击(XSS)高级绕过技术与防御方案
前端·网络安全·xss
EF@蛐蛐堂1 小时前
【vue3】v-model 的 “新玩法“
前端·javascript·vue.js
两个月菜鸟1 小时前
vue+微信小程序 五角星
前端·vue.js·微信小程序
獭.獭.1 小时前
Linux -- 文件【下】
linux·服务器·文件系统·软硬链接·inode·ext2
GISer_Jing2 小时前
React手撕组件和Hooks总结
前端·react.js·前端框架
破刺不会编程3 小时前
socket编程UDP
linux·运维·服务器·网络·c++·网络协议·udp
ayaya_mana4 小时前
Nginx性能优化与安全配置:打造高性能Web服务器
运维·nginx·安全·性能优化
Warren986 小时前
Lua 脚本在 Redis 中的应用
java·前端·网络·vue.js·redis·junit·lua