本地安装nginx部署项目

最新推荐文章于 2026-08-22 12:17:25 发布
原创 最新推荐文章于 2026-08-22 12:17:25 发布 · 4.6k 阅读 · 6 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文详细介绍了如何下载、安装和使用Nginx，包括启动、检查运行状态、部署个人项目以及配置文件的修改。通过简单的步骤，你可以将项目置于Nginx的html目录下，并通过调整nginx.conf配置文件来实现项目的部署。同时，了解如何通过nginx-sreload命令重启服务以应用配置变更，以及使用nginx-sstop命令关闭Nginx服务。

一、点击下载nginx

二、下载完成之后，是一个安装包，解压之后就能直接使用

在这里插入图片描述

三、启动nginx

在这里插入图片描述

四、查看是否启动成功

  1. 打开浏览器，输入:http://localhost:80
    在这里插入图片描述

五、部署自己的项目

1、 把自己的项目放在nginx下面的html文件夹
在这里插入图片描述
2、修改conf文件夹下nginx.conf的配置文件
在这里插入图片描述

六、重启nginx

1、一般修改配置需要重新启动nginx，替换文件无需重启
2、nginx -s reload
在这里插入图片描述

七、关闭nginx

1、 nginx -s stop
在这里插入图片描述

标签
#nginx
忘忧a
关注
ESP32编译卡在‘Cannot establish a connection to the component registry’？别急着重装，先试试这两个国内镜像配置
weixin_34088048的博客
06-14 316
本文详细解析了ESP32编译过程中常见的‘Cannot establish a connection to the component registry’报错问题，并提供了国内镜像源的配置方案。通过对比Gitee、清华大学、阿里云和中科大等镜像源的性能，帮助开发者快速解决网络连接问题，提升编译效率。文章还包含手把手的配置教程和进阶技巧，适用于ESP-IDF开发环境的优化。
大模型——dify实战通过dify搭建你自己的图片识别服务
06-13 1864
本文介绍了如何通过Dify平台搭建图片识别服务。首先创建工作流，添加支持图片上传的字段，并配置视觉模型qwen-vl-max-latest进行图像分析。文章详细说明了各步骤操作，包括字段设置、模型选择、提示词编写等。在测试阶段发现URL解析问题后，提供了解决方案：修改Dify的.env文件，调整FILES_URL配置并重启服务。最终成功实现上传图片或输入图片链接后，AI能够准确分析并返回简洁的图片内容描述。这一方案适用于需要快速部署图像识别功能的场景。
本地安装nginx及部署项目
7c
06-14 7209
详解nginx的安装使用及部署项目；server模块中配置说明： 1、listen：端口号 2、server_name：虚拟ip地址 3、root：声明默认网站根目录位置 --项目的根目录 4、index：定义首页索引文件的名称 --index.html 5、try_files：$uri $uri/ /app/index.html; 这里的设置是通过内部重定向的方式，去匹配目录下的索引文件index.html 6、location：控制服务访问路径 7、proxy_pass：请求代理转发......
视觉媒体通信作业记录(六)端到端的视频传输系统
weixin_45774698的博客
08-01 1938
将采集、编码、传输、显示各模块连接起来，形成一个端到端的视频通信系统，开发一个特色模块，将其加入系统；
【nginx】本地部署静态资源
qq_39029949的博客
11-16 2447
nginx下载安装及使用教程、本地部署Element-Plus开发文档（举例）、Nginx目录结构及文件功能
Windows本地部署学习（Nginx前端部署学习）
weixin_53711084的博客
06-25 391
备注：Windows本地部署只适用于本地测试、本地演示。
nginx本地服务器的搭建(保姆式教学)
Hjxbyg的博客
11-28 6292
Nginx(engine x) 是一个高性能的HTTP和反向代理web服务器Nginx 是基于HTTP协议的请求/响应（部署web项目） ---- 静态资源服务器Nginx可以作为反向代理服务器 ---- 负载均衡服务器(代理服务器)Nginx特点：稳定性极强，可以实现7*24不间断运行提供简洁、直观的配置占用内存很小、并发能力很强（5w+）
前端项目本地部署Nginx，Nginx基本使用
LYZ0909的博客
01-21 4586
前端部署nginx，nginx的入门级学习
nginx安装部署教程
Bestytyj的博客
04-05 1606
Nginx (engine x) 是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。它是一种轻量级的Web服务器，可以作为独立的服务器部署网站（类似Tomcat）。它高性能和低消耗内存的结构受到很多大公司青睐，如淘宝网站架设。官网下载 nginx.org，分别有Linux和Windows两个版本，下载完成后开始安装，右侧“documentation -> nginx windows”有详细的说明。
Mac环境下安装nginx并本地部署项目
想好了再写！
07-13 1万+
配置完毕之后，重启nginx（nginx -s reload）,然后把本地项目运行起来(npm run serve)，然后把端口号改成nginx里面配置的端口号即可看到本地部署的项目。查看是否已经安装，如果输入指令出现版本号说明已经安装成功。1.首先需要将打包好的项目放到你指定的的路径下。必须安装了homebrew，可在终端输入命令。命令就能打开你自定义的端口号啦。本地测试没有配置代理如下配置。上图看到的端口号需要在。
如何在本地安装使用nginx及部署自己的项目
mao0523的博客
01-12 7752
前端在自己电脑上安装nginx及部署项目
windows本地 安装nginx并部署项目
qq_42309685的博客
10-26 580
windows本地 安装nginx并部署项目 安装：nginx下载地址 部署 打包项目，生成 dist 修改 conf 文件夹下的 nginx.conf 文件 #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; even
Windows本地Nginx部署Vue项目全攻略：从安装配置到生产环境模拟
最新发布
weixin_28737073的博客
08-22 209
Nginx作为高性能的HTTP和反向代理服务器，其核心原理是通过事件驱动架构高效处理并发连接，在Web开发中扮演着静态资源服务和负载均衡的关键角色。对于前端工程实践而言，掌握Nginx配置能显著提升应用部署的可靠性和性能表现，尤其在单页应用（SPA）的部署场景中，它能完美解决路由History模式下的404问题。通过本地搭建Nginx环境，开发者可以在Windows系统中模拟真实生产环境，提前验证Vue项目的打包效果、路由跳转和API代理配置，实现从开发到上线的平滑过渡。本文聚焦于Nginx在Windows
nginx部署前端项目
凉快
05-12 8847
背景 Jenkins 或是 您 手动把前端打包好的文件传到服务器的指定位置： 假设：/home/admin/dists/front-test 这路径后边要用到。 此处用到的是 安装nginx 1、 wget 下载地址 （官网传送门） 例如：wget http://nginx.org/download/nginx-1.18.0.tar.gz 2、tar -zxvf nginx-1.18.0.tar.gz 3、cd nginx的文件夹 4、./configure --prefix = /opt/nginx
用nginx对把前端项目部署在本地window服务器上
m0_49099550的博客
02-01 2174
nginx本地window部署项目1、安装nginx (https://nginx.org/)2、nginx部署过程方式一：把dist文件丢到nginx默认路径上方式二：修改nginx的默认执行路径 1、安装nginx (https://nginx.org/) 上nginx官网，注意nginx版本有三种，如下： 下载后，解压（注意根路径上不能有中文），点击nginx的应用程序， 如果打开浏览器输入localhost能显示如下，表示nginx安装成功。 2、nginx部署过程 补充点： nginx部署项
nginx 安装部署（mac环境）
EatgirlHui_Unique的专栏
05-22 1078
文章目录1、nginx 本地安装1）安装homebrew2）安装nginx3）启动服务2、nginx 部署在本地新建项目，我的在本地 /Users/yf/web-text/nginx 下修改nginx.conf文件配置 1、nginx 本地安装 1）安装homebrew 打开官网安装：homebrow官网 确认是否安装成功：brew -v 2）安装nginx brew install nginx 确认是否安装成功：nginx -v 3）启动服务 sudo nginx 检查nginx是否启动成功
nginx部署前端vue项目步骤
警警的博客
09-01 4076
Vue项目的部署：Tomcat、Ngnix
nginx部署本地启动vue项目
请叫我欧皇！的博客
05-04 2635
需求：就是想在本地不运行vue项目，可以直接访问到打包后的vue项目。
antdPro项目部署到nginx
weixin_43916065的博客
07-31 3984
部署前准备 在完成你的antd项目之后，从coding或者你的git服务器上克隆项目到本地 $ git clone 你的项目 $ cd project $ npm install 成功下载完所有配置文件之后执行，再次确认你的项目可以正确访问 $ npm start 即可自动打开浏览器的8000端口，成功运行该项目，如果没有自动弹出则访问localhost:8000/ 部署配置 在项目中的.roadhogrc文件中删除以下配置 "proxy": { "/api": { "target": 你的后台
使用 Nginx 如何部署 web 项目
热门推荐
weixin_48537405的博客
08-03 1万+
第一步：去Nginx 官方下载 Nginx 资源包，建议下载Stable version（长期稳定版本） 第二步：将 Nginx 压缩包解压到本地目录中（D:\Tools） 第三步：进入到已经解压好的 nginx 目录，并新建 test-web 目录 第四步：将已经构建好的前端工程解压到 test-web 目录下 第五步：修改本地 Nginx 配置，即：参照如下截图修改D:\Tools\nginx-1.20.1\conf\nginx.conf文件 第六步：启动...
本地项目在Window下部署
qq_45700583的博客
09-26 613
本地项目在Window下部署：将自己的电脑作为服务器-》window-》nginx 1.下载nginx 官网为https://nginx.org (也可以去我网盘中获取) 链接：https://pan.baidu.com/s/1XECvlIz8MgueDPrTWc7MYg 提取码：3i6f 方法1： *解压nginx 的压缩包 -》为nginx文件夹-》双击文件下nginx.exe -》则是运行了nginx服务器。 * 检查是否运行了nginx服务器 -》则在网站中访问localhost即可查看
nginx本地上线项目
Sb1784591708的博客
06-06 350
nginx本地上线项目 1.nginx下载：https://nginx.org/en/download.html 2.安装 3.修改下载的nginx包目录下的：nginx-1.26.1\conf\nginx.conf文件中的root为项目包中的dist路径： 4.启动nginx.exe，不会弹出窗口，是否启动直接在任务管理器里查看是否启动 5.nginx.exe启动后，浏览器直接访问http://127.0.0.1/index.html，此时就是在本地部署线上环境了，ok~
Vue3学习笔记＜-＞nginx部署vue项目（3）
athjyh的博客
06-28 655
vue nginx部署vue项目
2001-2023年A股上市公司数字化转型数据（MD&A报告词频统计）（三种方式）.xlsx
2001-2023年A股上市公司数字化转型数据（MD&A报告词频统计）（三种方式）1、时间：2001-2023年2、来源：上市公司MD&A报告3、样本量：6W+4、范围：A股上市公司5、方法：（1）参考吴非老师的做法，对人工智能技术、大数据技术、云计算技术、区块链技术、数字技术运用五个维度76个数字化相关词频进行统计（2）参考赵宸宇老师的做法，对数字技术应用、互联网商业模式、智能制造、现代信息系统四个维度99个数字化相关词频进行统计（3）参考甄红线老师的做法，对技术分类、组织赋能、数字化应用等类别下139个数字化相关词频进行统计6、参考文献：企业数字化转型与资本市场表现——来自股票流动性的经验证据（吴非）数字化转型如何影响企业全要素生产率（赵宸宇）知识产权行政保护与企业数字化转型（甄红线）
中国县域年鉴面板数据2000-2023年.xlsx
数据名称：2000-2023年各县市区主要社会经济发展指标面板数据数据类型：dta+EXCEL格式数据来源：中国县域统计年鉴2001-2024年
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值