Nginx如何部署静态web项目

最新推荐文章于 2024-11-04 00:14:58 发布
原创 最新推荐文章于 2024-11-04 00:14:58 发布 · 2.5k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了在Windows环境下使用Nginx部署静态web项目的过程，包括环境准备、资源包准备、Nginx配置修改、启动Nginx以及通过浏览器访问确认部署成功。以layuimini项目为例，通过编辑Nginx配置文件监听8100端口并设置项目根目录，最终实现web项目的顺利访问。

环境准备

  • windows
  • nginx
  • web项目资源包
准备资源包

这里拿layuimini项目举例，从码云上克隆下来
在这里插入图片描述
直接访问提示需要部署在web服务器当中才能正常浏览演示
在这里插入图片描述

准备Nginx

在这里插入图片描述
进入解压后的目录
在这里插入图片描述

拷贝web项目至nginx目录

将web项目拷贝进来
在这里插入图片描述

修改Nginx配置

进入conf，使用notepad编辑，编辑如下。监听8100端口，root为layuimini

最低0.47元/天 解锁文章
Nginx静态资源部署
shujufenxishi的博客
07-22 3971
Nginx静态资源概述上网去搜索访问资源对于我们来说并不陌生，通过浏览器发送一个HTTP请求实现从客户端发送请求到服务器端获取所需要的内容后并把内容回显展示在页面的一个过程。这个时候，我们请求的内容就分为两种类型，以类型是静态资源，一类是动态资源。静态资源即指在服务器端真实存在并且能直接拿来展示的一些文件，比如常见的html页面、css文件、js文件、图片、视频等资源。动态资源即指在服务器端真实存在但是要想获取需要经过一定的业务逻辑处理，根据不同的条件展示在页面不同的结果，比如说报表展示等。
Nginx部署GO语言应用程序
programor_guo的博客
03-24 3750
这里写自定义目录标题Nginx部署GO语言应用程序Nginx是什么名词解释Nginx的安装Nginx常用命令 Nginx部署GO语言应用程序 使用nginx部署go语言应用程序实现反向代理和负载均衡 Nginx是什么 Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，可以用于负载均衡、邮件代理、TCP/UDP、HTTP服务器等等 ，其特点如下： 正向、反向代理 负载均衡 支持TLS/SSL与SN
nginx部署静态项目
weixin_48041471的博客
09-08 597
nginx 部署静态项目(简单版)
用 Nginx 部署静态网站（以部署 Vue 项目为例）
iw1210的专栏
05-14 3557
用 Nginx 部署静态网站（以部署 Vue 项目为例） 1. 把 Vue 项目的发布包拷贝到服务器（这里服务器是Linux系统） 首先，运行 “npm run build” 命令构建 Vue 项目的发布包。在 Vue 项目中，可以使用 “npm run build” 命令生成静态文件夹 dist，开发者可以直接双击 dist 文件夹里面的 index.html 文件来访问自己的项目。 然后，拷...
Nginx (4)：nginx动静分离
lyy的博客
11-24 502
反正静态文件是不变的，经过nginx从tomcat去取，取完了返回给nginx，再给用户呈现，还不如直接把静态放到nginx，别经手tomcat，因为tomcat是处理动态请求的服务器。首先修改proxy_pass，改为02虚拟机的tomcat地址端口，然后设置location，很好理解，访问css就去html目录下的css目录中查找，js和img同理。可以看到上面js、css、img每人一个location，有些冗余，这里可以使用正则的方法。什么是动静分离不解释了，网上说的很清楚，这里只说配置。
nginx的安装与静态项目部署
m0_53631070的博客
03-09 247
有些时候 可能一个端口要访问多个不同的项目，那么这个时候我们可以进行配置不同的访问后缀 进行访问。官网链接：http://nginx.org/en/download.html。2，编辑文件/usr/local/nginx/conf/nginx.conf。在 /usr/local/ 下创建 nginx ⽂件夹并进⼊ 方便管理。将 Nginx 安装包解压到 /usr/local/nginx 目录下。使用/usr/local/nginx/sbin/nginx命令启动一下。浏览器使用ip+端口+/修饰 查看。
使用nginx搭建web网站
最新发布
2401_83342251的博客
11-04 2094
Nginx是一款轻量级HTTP服务器，也是一款邮箱代理服务器，同时具有反向代理、通用TCP/UDP代理的功能。Nginx可以运行x86、ARM等多种平台上，同时支持Linux、Windows等主流的操作系统。特点支持高并发单机Nginx可支持十万级的并发连接，经过优化后可最高支持百万级并发连接内存资源消耗低在同级web服务器中，Nginx占用的内存最少，一万非活跃的httpkeep-alive连接仅消耗2.5M内存高扩展性。
Nginx实现静态网站部署资源
04-25
要部署静态网站，你需要告诉Nginx静态文件的位置。在`http`块或者`server`块内，创建一个`location`块来指定静态文件目录，例如： ``` location / { root /var/www/html; index index.html index.htm; } ``` ...
web服务器nginx+部署前端vue项目
03-22
### Nginx 与前端 Vue 项目的部署 #### 一、Nginx 概述 Nginx 是一款广泛使用的高性能 HTTP 和反向代理 web 服务器。它以其出色的并发处理能力和较低的内存消耗而闻名。根据相关报告，Nginx 能够支持高达 50,000 ...
使用nginx部署前端项目（超详细教程）.pdf
04-29
【使用Nginx部署前端项目】的教程是一个详尽的指南，主要面向初学者，旨在教会读者如何利用Nginx高效地部署前端应用。Nginx是一个高性能的Web服务器和反向代理，因其高并发处理能力和低内存占用而受到广泛青睐。 ...
nginx+tomcat+mysql部署java服务应用详细步骤
08-03
利用yum(黄狗)安装nginx，mysql，通过下载tomcat，jdk并安装。此处用mysql数据库（修改明文密码为复杂密码，不区分大小写设置）。设置tomcat，nginx相应的端口，路径等等。有需要即下载吧！
Layui项目新建、启动与部署
努力的nana
11-11 6450
css-loader。
go web 部署
qq_27119625的博客
11-19 2170
go web 部署 交叉编译 go 语言有个强大的地方就是 交叉编译 windows ——cmd 设置环境变量-mac SET CGO_ENABLED=0 SET GOOS=darwin SET GOARCH=amd64 设置环境变量-linux SET CGO_ENABLED=0 SET GOOS=linux SET GOARCH=amd64 然后go build 即可 ...
如何在Ubuntu 18.04上使用Nginx部署Go Web应用程序
08-12 447
The author selected the Tech Education Fund to receive a donation as part of the Write for DOnations program. 作者选择了Tech Education Fund作为“ Write for DOnations”计划的一部分来接受捐赠。 介绍 (Introduction) Go is a...
Nginx部署JavaWeb项目
Csea的博客
10-18 1万+
文章目录1.什么是Nginx2.Nginx 架构3.Nginx部署JavaWeb项目4.通过二级域名部署JavaWeb项目5.通过不同路径方式部署JavaWeb项目6.补充： 1.什么是Nginx Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的...
在云服务器上使用Nginx部署java项目和SSL证书
onlywishes的博客
10-12 3163
在服务器上下载好对应域名的SSL证书，解压后有四个文件，后缀为 .csr .key _bundle.crt _bundle.pem, 将后缀为 .key 和 _bundle.crt的文件上传到Nginx的。将静态资源部署到Nginx很简单，只要将文件复制到Nginx安装目录下的HTML目录中即可。反向代理服务器位与用户与目标服务器之间，但是对于用户而言，反向代理服务器就相当于目标服务器，即用户直接访问代理服务器就可以获得目标服务器的资源，反向代理服务器负责将请求转发给目标服务器。
nginx 上部署Java
weixin_32503491的博客
07-22 262
手把手教你：在Nginx上部署Java应用 作为一名刚入行的开发者，你可能对如何在Nginx上部署Java应用感到困惑。别担心，本文将为你提供一份详细的指南，帮助你顺利完成部署。 部署流程概览 首先，我们通过一个甘特图来概览整个部署流程： Nginx上部署Java应用流程#render_12_1438302713-svg{...
nginx安装和简单部署java web项目
热门推荐
星坠竹空
11-05 3万+
Nginx (“engine x”) 是一个高性能的 HTTP 和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 Nginx特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现较好。 Nginx由内核和模块组成，其中，内核的设计非常微小和简洁，完成的工作也非常简单，仅仅通过查找配置文件将客户端请求映射到一个location block（l...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值