首页 > 系统相关 >前端打包的dist文件 怎么用nginx 在 Windows 部署

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

时间:2023-07-06 13:23:40浏览次数:48  
标签:index dist Nginx Windows nginx conf

  

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

标签:index,dist,Nginx,Windows,nginx,conf
From: https://www.cnblogs.com/89564f/p/17531883.html

相关文章

  • Git安装与windows终端配置Git-bash
    Git概述简介Git是一个分布式版本控制工具,通常用来对软件开发过程中的源代码文件进行管理。通过Git仓库存储和管理这些文件,Git仓库分为两种:本地仓库:开发人员自己电脑上的Git仓库远程仓库:远程服务器上的Git仓库commit:提交,将本地文件和版本信息保存到本地仓库push:推送,将本......
  • 【Azure App Service for Windows】 PHP应用出现500 : The page cannot be displayed
    问题描述PHP应用突然遇见了500 Thepagecannotbedisplayedbecauseaninternalservererrorhasoccurred.错误,但是如果访问一个静态HTML页面,就可以成功。只要是PHP页面,就是500。 问题解答登录AppService的Kudu站点,查看日志发现一句:  scriptProcessorcouldnotb......
  • thinkphp6 nginx配置
    server{listen88;server_namelocalhost;root/www/tp/public;indexindex.phpindex.htmlindex.htm;charsetutf-8;location/{if(!-e$request_filename){rewrite^/index.php(.*)$/index.php?=s......
  • Windows应急响应--网站被入侵后的排查【跟随安全狍老师学习总结】
    #网站被入侵该怎么办一般的网站被入侵分为三种类型 1.**web入侵**具体事件体现为:* 网页挂马* 主页篡改* webshell (一般网页被webshell入侵后会留下webshell.php文件) (写CTF的签......
  • nginx的https配置
    #usernobody;worker_processes1;#error_loglogs/error.log;#error_loglogs/error.lognotice;#error_loglogs/error.loginfo;#pidlogs/nginx.pid;events{worker_connections1024;}http{includemime.types;default_typeappl......
  • windows常用配置
    MemoryCompressionDisable-MMAgent-mc#关闭,重启生效Enable-MMAgent-mc#开启,重启生效内存压缩技术,MS推出的本意是:当内存页面不用的时候,自动压缩它,让它保留在内存中,而不是像以前那样,写入磁盘(虚拟缓存)中,由于传统机械硬盘磁盘速度慢,当然不行了,所以,MS的初衷是好的(系统占......
  • Windows设置定时任务运行脚本/程序
    1、win+x打开计算机管理工具2、点击任务计划程序创建任务3、创建任务名称4、创建定时任务5、选择要运行的脚本及程序6、结果......
  • Nginx+Uwsgi+Django+Mysql部署项目
    第一章、准备工作第1节、创建项目目录准备好项目代码,将代码上传至myprojectmkdirmyproject第2节、安装python3cd/usr/local/mkdirPythonwgethttps://www.python.org/ftp/python/3.8.0/Python-3.8.0.tgztar-zxvfPython-3.8.0.tgzmkdir/usr/local/Python/py3_p......
  • 常用的DOS命令(Windows)
    常用的DOS命令(Windows)#盘符切换盘符名称加:#查看当前目录下的所有文件dir#切换目录cd/D文件目录(cd全称changedirectory)/d是跨盘符切换目录需要添加的参数#返回上一级目录cd..#清理屏幕cls(clearscreen)#推出终端exit#查看电脑ipipconfig#打开应用calc(打......
  • 微软确认了 Windows 11 存在 CPU 占用异常的问题
    导读微软近日确认了Windows11系统中所存在的一个错误,该问题影响了运行Windows1121H2和22H2版本的设备,换句话说就是所有发布的Windows11操作系统。该问题是在用户安装了KB5026372(2023年5月补丁)后产生的,该问题破坏了文件资源管理器的一个特定部分,导致CPU......