前端打包的dist文件 怎么用nginx 在 Windows 部署
要在 Windows 上使用 Nginx 部署前端打包的 dist
文件,您可以按照以下步骤进行操作:
-
下载 Nginx:首先,您需要从 Nginx 官方网站(https://nginx.org/)下载适用于 Windows 的 Nginx 安装程序,并将其安装到您的计算机上。
-
配置 Nginx:安装完成后,在 Nginx 的安装目录中找到
nginx.conf
配置文件(默认路径为C:\nginx\conf\nginx.conf
),并使用文本编辑器打开它。 -
修改配置文件:在
nginx.conf
中,找到名为http
的模块块,并添加以下代码来配置静态文件服务:
-
在上面的配置中,请确保将
path/to/dist
替换为实际的dist
目录的路径。此配置将把所有请求(除了具体文件之外)重定向到index.html
,这是前端应用的入口文件。 -
启动 Nginx:保存并退出
nginx.conf
文件后,返回到 Nginx 的安装目录,并运行nginx.exe
。您可以通过双击nginx.exe
或从命令提示符中导航到 Nginx 目录并输入start nginx
来启动。 -
验证部署:打开您的浏览器,并访问
http://localhost
(如果在步骤 3 中使用了不同的域名或 IP 地址,请相应地修改 URL)。如果一切设置正确,您将OK
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· 我与微信审核的“相爱相杀”看个人小程序副业
· DeepSeek “源神”启动!「GitHub 热点速览」
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库