前端打包的dist文件怎么用nginx 在 Windows 部署

（如果在步骤 3 中使用了不同的域名或 IP 地址，请相应地修改 URL）。Windows 的 Nginx 安装程序，并将其安装到您的计算机上。配置 Nginx：安装完成后，在 Nginx 的安装目录中找到。要在 Windows 上使用 Nginx 部署前端打包的。下载 Nginx：首先，您需要从 Nginx 官方网站（文件后，返回到 Nginx 的安装目录，并运行。验证部署：打开您的浏览器，并访

Firstsonw001

2100人浏览 · 2023-07-06 13:08:46

Firstsonw001 · 2023-07-06 13:08:46 发布

要在 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