要在 Windows 上使用 Nginx 部署前端打包的 dist
文件,您可以按照以下步骤进行操作:
-
下载 Nginx:首先,您需要从 Nginx 官方网站(https://nginx.org/)下载适用于 Windows 的 Nginx 安装程序,并将其安装到您的计算机上。
-
配置 Nginx:安装完成后,在 Nginx 的安装目录中找到
nginx.conf
配置文件(默认路径为C:\nginx\conf\nginx.conf
),并使用文本编辑器打开它。 -
修改配置文件:在
nginx.conf
中,找到名为http
的模块块,并添加以下代码来配置静态文件服务:
http {
server {
listen 80;
server_name localhost; # 填写您的域名或 IP 地址
location / {
root path/to/dist; # 将 "path/to/dist" 替换为实际的 dist 目录路径
index index.html;
try_files $uri $uri/ /index.html;
}
}
}
-
在上面的配置中,请确保将
path/to/dist
替换为实际的dist
目录的路径。此配置将把所有请求(除了具体文件之外)重定向到index.html
,这是前端应用的入口文件。 -
启动 Nginx:保存并退出
nginx.conf
文件后,返回到 Nginx 的安装目录,并运行nginx.exe
。您可以通过双击nginx.exe
或从命令提示符中导航到 Nginx 目录并输入start nginx
来启动。 -
验证部署:打开您的浏览器,并访问
http://localhost
(如果在步骤 3 中使用了不同的域名或 IP 地址,请相应地修改 URL)。如果一切设置正确,您将OK