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包内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Django+Nginx+uwsgi服务器部署

    Django+Nginx+uwsgi服务器部署

    这篇文章介绍了Django+Nginx+uwsgi服务器部署的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • Nginx中定义404页面并且返回404状态码的正确方法

    Nginx中定义404页面并且返回404状态码的正确方法

    这篇文章主要介绍了Nginx中定义404页面并且返回404状态码的正确方法,本文在一次AJAX调用时发现了这个问题,服务器返回了一个404页页但没有返回404状态码,需要的朋友可以参考下
    2014-08-08
  • 深入理解Nginx中Server和Location的匹配逻辑

    深入理解Nginx中Server和Location的匹配逻辑

    这篇文章主要介绍了深入理解Nginx中Server和Location的匹配逻辑,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-03-03
  • 在linux中安装nginx及在树莓派ubuntu中安装nginx的方法

    在linux中安装nginx及在树莓派ubuntu中安装nginx的方法

    在进行软件安装时,若遇到报错,常见的解决方法之一是检查是否缺失依赖,并尝试安装所需的依赖包,记得去掉尖括号,对于nginx服务器,配置文件的位置和管理是关键操作之一,通过命令cd进入后,使用sudo nano index.nginx-debian.html命令打开并编辑默认的html文件
    2024-11-11
  • nginx状态码的使用及说明

    nginx状态码的使用及说明

    本文系统介绍了HTTP状态码分类及常见代码含义,分为1xx(信息)、2xx(成功)、3xx(重定向)、4xx(客户端错误)、5xx(服务器错误)五类,涵盖200、301、403、404、500等典型状态码,说明其应用场景与响应机制
    2025-10-10
  • nginx服务器中access_log日志分析与配置详解

    nginx服务器中access_log日志分析与配置详解

    通过访问日志,可以知晓用户的地址,网站的哪些部分最受欢迎,用户的浏览时间,对大多数用户用的的浏览器做出针对性优化。下面这篇文章主要给大家介绍了关于nginx服务器中access_log日志分析与配置的相关资料,需要的朋友可以参考下。
    2017-12-12
  • Nginx最大连接数配置详解

    Nginx最大连接数配置详解

    这篇文章主要为大家详细介绍了Nginx最大连接数配置的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • CentOS 中Nginx的安装方法

    CentOS 中Nginx的安装方法

    最近研究LNMP,首先要在linux下配置nginx服务器,废话少说,下面给大家分享下在CentOS 中Nginx的安装方法
    2017-08-08
  • Nginx安装完成没有生成sbin目录的解决方法

    Nginx安装完成没有生成sbin目录的解决方法

    这篇文章主要介绍了Nginx安装完成没有生成sbin目录的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • 阿里云国际版使用Nginx作为HTTPS转发代理服务器的处理方法

    阿里云国际版使用Nginx作为HTTPS转发代理服务器的处理方法

    本文介绍了使用NGINX作为HTTPS流量转发代理的两种方法。它总结了NGINX使用HTTP CONNECT隧道和NGINX流充当HTTPS转发代理的解决方案的原则,环境构建要求,应用场景和关键问题
    2022-05-05

最新评论