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

  

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

  1. 下载 Nginx:首先,您需要从 Nginx 官方网站(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;
    }
  }
}

  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

猜你喜欢

转载自blog.csdn.net/wei7a7a7a/article/details/131574120