nginx部署前端dist包详细图文教程

下载nginx

下载地址

https://nginx.org/en/download.html

download > Stable version 可选择稳定版的nginx

nginx部署前端dist包详细图文教程

nginx压缩包解压后的目录

nginx部署前端dist包详细图文教程

配置

1.将打包好的dist放入html目录下

nginx部署前端dist包详细图文教程

2.打开nginx.conf配置文件

nginx部署前端dist包详细图文教程

修改地址

location / {
    root   html/dist;
    index  index.html index.htm;
}

nginx部署前端dist包详细图文教程

启动

1.双击启动nginx

nginx部署前端dist包详细图文教程

2.打开浏览器输入地址打开项目 http://localhost:8083/

nginx部署前端dist包详细图文教程

总结 

到此这篇关于nginx部署前端dist包的文章就介绍到这了,更多相关nginx部署前端dist包内容请搜索恩蓝小号以前的文章或继续浏览下面的相关文章希望大家以后多多支持恩蓝小号!

原创文章,作者:YHPDI,如若转载,请注明出处:https://www.wangzhanshi.com/n/1799.html

(0)
YHPDI的头像YHPDI
上一篇 2024年12月17日 18:00:36
下一篇 2024年12月17日 18:00:39

相关推荐

  • 深入理解Nginx的proxy_cache模块

    在构建高性能的Web应用时,缓存策略扮演着关键的角色。Nginx的proxy_cache模块提供了强大而灵活的缓存功能,对于优化网站性能,减轻后端服务器的负担,提高响应速度具有显著…

    nginx 2024年12月17日
  • Nginx离线安装的保姆级教程

    1、下载与安装gcc-c++环境 获取rpm包的方式很多,在这里推荐使用yum工具获取,因为手动从官网下载,手动执行rpm -Uvh *.rpm –nodeps –force命…

    2024年12月17日
  • Nginx+Lua脚本+Redis 实现自动封禁访问频率过高IP

    自己搭建的网站刚上线,短信接口就被一直攻击,并且攻击者不停变换IP,导致阿里云短信平台上的短信被恶意刷取了几千条,加上最近工作比较忙,就直接在OpenResty上对短信接口做了一些…

    2024年12月17日
  • Nginx请求转发配置指南

    1. 简介 Nginx 是一款高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。本文档将介绍如何使用 Nginx 配置请求转发,并解释一些常…

    nginx 2024年12月17日
  • 深入理解Nginx中的sites-enabled目录

    Nginx 是一个高性能的 HTTP 服务器和反向代理服务器,广泛用于网站和应用的部署中。在 Nginx 的配置管理中,sites-enabled 目录扮演了一个重要角色…

    nginx 2024年12月17日
  • Nginx的流式响应配置教程

    Nginx的流式响应配置 Nginx的流式响应(streaming response)是指在Nginx作为反向代理服务器时,将响应内容一边接收,一边逐步发送给客户端的过程。 这种响…

    nginx 2024年12月17日
  • Nginx搭建高可用的实现

    1、高可用概念 一台nginx宕机了,还可以切换到另一台nginx上继续工作,让用户继续访问后台服务器 2、准备工作 (1)需要两台 nginx 服务器 (2)需要 ke…

    2024年12月17日
  • Nginx 压缩(gzip、gunzip、gzip_static、send_file)的实现

    本文主要讲解通过Nginx请求压缩,来提高性能: gzip:Nginx中常用的压缩方式; gzip_static:静态压缩,由于启用gzip压缩,sendfile就无法生效(也就是…

    nginx 2024年12月17日
  • Nginx配置支持WebSocket功能详解

    Nginx配置支持WebSocket功能 刚部署一个项目需要使用到WebScoket实现。但通过域名指向NG做了反向代理,发现通过域名访问不了,通过查找资料后发现需要在Nginx添…

    nginx 2024年12月17日
  • nginx+lua+redis实现降级的示例代码

    前言 商城或web站点的用户访问量出乎意料地增加了很多,超出了系统的负载能力, 系统有些扛不住,继而导致注册,下单,支付什么的全部在绕圈卡住,继而导致公司业务损失了不少用户和订单。…

    nginx 2024年12月17日

发表回复

登录后才能评论