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

 更新时间:2024年10月18日 11:05:42   作者:来一颗砂糖橘  
本文介绍了如何下载Nginx的稳定版,并对下载后的压缩包进行解压和配置,涵盖了将文件放入html目录、修改nginx.conf配置文件以及启动Nginx的步骤,文中通过图文介绍的非常详细,需要的朋友可以参考下

下载nginx

下载地址

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

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

nginx压缩包解压后的目录

配置

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

2.打开nginx.conf配置文件

修改地址

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

启动

1.双击启动nginx

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

总结 

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

相关文章

  • Nginx负载均衡健康检查性能提升

    Nginx负载均衡健康检查性能提升

    这篇文章主要为大家介绍了Nginx负载均衡健康检查性能提升,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • 详解如何修改nginx的默认端口

    详解如何修改nginx的默认端口

    这篇文章主要介绍了详解如何修改nginx的默认端口,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • nginx中的listen指令实例解析

    nginx中的listen指令实例解析

    这篇文章主要给大家介绍了关于nginx中listen指令解析的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-12-12
  • nginx 配置静态缓存及静态缓存文件没有生成的问题及解决方案

    nginx 配置静态缓存及静态缓存文件没有生成的问题及解决方案

    这篇文章主要介绍了nginx 配置静态缓存及静态缓存文件没有生成的问题及解决方案,本文分步骤结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • Nginx报404错误的详细解决方法

    Nginx报404错误的详细解决方法

    最近打开网站看看结果提示:nginx 404 not found,所以这篇文章主要给大家介绍了关于Nginx报404错误的简单解决方法,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • Nginx 负载均衡实现上游服务健康检查功能

    Nginx 负载均衡实现上游服务健康检查功能

    这篇文章主要介绍了Nginx 负载均衡实现上游服务健康检查,演示如何通过 nginx_upstream_check_module 实现负载均衡上游服务器的故障转移,需要的朋友可以参考下
    2024-06-06
  • Nginx Gunicorn flask项目部署思路分析详解

    Nginx Gunicorn flask项目部署思路分析详解

    这篇文章主要为大家介绍了Nginx Gunicorn flask项目部署思路分析详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • 一段万能的nginx接口实现反向代理配置

    一段万能的nginx接口实现反向代理配置

    这篇文章主要介绍了一段万能的nginx接口实现反向代理配置,详细的介绍了什么是反向代理及其接口反向代理的实现,非常具有实用价值,需要的朋友可以参考下
    2018-10-10
  • nginx status状态页配置方法和中文说明

    nginx status状态页配置方法和中文说明

    这篇文章主要介绍了nginx status状态页配置方法和中文说明,重点在配置例子和status的中文说明,需要的朋友可以参考下
    2014-06-06
  • nginx中$host、$http_host和$proxy_host区别小结

    nginx中$host、$http_host和$proxy_host区别小结

    本文主要介绍了nginx中$host、$http_host和$proxy_host区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-09-09

最新评论