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

旧城等待， 2023-10-13 12:33 9阅读 0赞

要在 Windows 上使用 Nginx 部署前端打包的 `dist` 文件，您可以按照以下步骤进行操作：

1.  下载 Nginx：首先，您需要从 Nginx 官方网站（[https://nginx.org/）下载适用于][https_nginx.org] Windows 的 Nginx 安装程序，并将其安装到您的计算机上。
2.  配置 Nginx：安装完成后，在 Nginx 的安装目录中找到 `nginx.conf` 配置文件（默认路径为 `C:\nginx\conf\nginx.conf`），并使用文本编辑器打开它。
3.  修改配置文件：在 `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;
        }
      }
    }

![494b895600ba7e1e240c98cdff550f7b.png][]

1.  在上面的配置中，请确保将 `path/to/dist` 替换为实际的 `dist` 目录的路径。此配置将把所有请求（除了具体文件之外）重定向到 `index.html`，这是前端应用的入口文件。
2.  启动 Nginx：保存并退出 `nginx.conf` 文件后，返回到 Nginx 的安装目录，并运行 `nginx.exe`。您可以通过双击 `nginx.exe` 或从命令提示符中导航到 Nginx 目录并输入 `start nginx` 来启动。
3.  验证部署：打开您的浏览器，并访问 `http://localhost`（如果在步骤 3 中使用了不同的域名或 IP 地址，请相应地修改 URL）。如果一切设置正确，您将OK

[https_nginx.org]: https://www.aidutu.cn/info/link?url=https://nginx.org/%EF%BC%89%E4%B8%8B%E8%BD%BD%E9%80%82%E7%94%A8%E4%BA%8E
[494b895600ba7e1e240c98cdff550f7b.png]: https://img-blog.csdnimg.cn/img_convert/494b895600ba7e1e240c98cdff550f7b.png