nginx 前端项目部署-vue以及前端页面刷新404问题&nginx: [error] invalid PID number ““ in “/usr/local/var/

Nginx Rewrite 实战指南:URL重写、重定向与条件路由详解 Nginx Rewrite 是 Web 服务器层实现 URL 重写与请求调度的核心机制,基于 PCRE 正则引擎,在 rewrite 阶段修改请求 URI 或触发 HTTP 重定向,直接影响前端 SPA 刷新兼容性、API 版本迁移、SEO 友好链接等关键场景。其技术价值在于不依赖应用层即可完成流量分发、路径标准化与客户端跳转,兼具高性能与低侵入性。典型应用包括单页应用 history 模式兜底、301/302 地址跳转、移动端路径适配及参数清洗。本文聚焦 Nginx Rewrite 的真实配置逻辑、fla 阅读详情

nginx前端项目部署:


1.nginx 安装完成后修改配置文件:

原文件默认端口为80:
在这里插入图片描述


> vim 文件小操作:
> 1.复制,粘贴,撤回: 连按两次 yy 复制当前光标所在行; p 键粘贴;u键撤回; n yy 复制当前光标行及以下n行; 
> 2.编辑: A i o 键分别为 : A 键在光标所在行的末尾开始编辑; I 键则是在光标所在行的开头编辑; o 键另起一行进行编辑;
> 3.替换: :s/[]/[]  例如: s/80/8080 替换光标所在行字符; :/%s/[]/[]  替换文件内所有该字符; : set nu 可显示行号;
> 4.vim编辑多个文件: :n 编辑下个文件; :N 返回编辑上个文件;
> 5.查找:  /[] 

# 修改nginx.conf文件
cd /usr/local/nginx/conf
vim nginx.conf
# 修改端口
server {
        listen       8082;
        server_name  localhost;
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
2.配置前端项目路径
# 修改前端项目路径
  location / {
      root   /usr/dist;  --后跟的是前端项目的放置路径;
      try_files $uri $uri/ /index.html; --处理页面刷新404问题;
        }

修改完成后:
在这里插入图片描述

3.重启nginx服务:
/usr/local/nginx/sbin/nginx -s reload
4.重启nginx服务error报错:
nginx: [error] invalid PID number "" in "/usr/local/var/run/nginx/nginx.pid"

经常遇到服务启动找不到pid的报错,其中就有mysql的The server quit without updating PID file,网上很多解决方法试过基本不太管用。这个pid文件是启动自动生成的,重新创建一个pid肯定不行。
可以有一个处理这个问题的思路:
1.启动服务不成功先要看下这个服务的进程或者端口有没有存在被占用的情况,有的话就kill掉或者换个端口重启试下。

ps -ef |grep nginx
netstat -ntlp

2 .可以看当前用户有没有对该服务执行的权限。可以更改一下文件权限。

chown -R  user.user ./

3 . nginx 文件配置,可以尝试更改,有试过能成功启动:

vim nginx.conf
#文件开始三条配置的注释去掉更改为
user  root;
worker_processes  1;
pid   /usr/local/nginx/logs/nginx.pid

在这里插入图片描述
4.如果比较紧急可以果断重装。nginx重新编译安装3分钟就完成了。安装前最好把旧版的nginx相关内容全部删掉。

find / -name nginx 
rm -rf   --一条一条删,要看清路径别删错了。
Ubuntu Server 上 Apache 虚拟主机配置全指南 虚拟主机(Virtual Host)是 Apache 实现单服务器多域名托管的核心机制,其原理基于 HTTP/1.1 的 Host 请求头匹配与 Apache 的 <VirtualHost> 指令路由。该技术无需额外硬件,通过配置文件精准调度请求,显著降低运维成本并提升资源利用率。在 Ubuntu Server 环境中,正确配置涉及目录权限(如 www-data 组归属)、禁用默认站点(000-default.conf)、禁用 .htaccess 以保障性能与安全,并优先采用基于域名的 Name-based 阅读详情

相关推荐

FreeBSD 11 下 SmokePing + Apache + FCGID 稳定部署实战

网络延迟监控不仅是‘通不通’的二值判断,更是对抖动、稳定性与时间序列质量的工程化度量。SmokePing 作为专注毫秒级 RTT 采集与抖动可视化的经典工具,其价值在于将不可见的网络劣化转化为可存储、可比对、可告警的 RRD 数据资产。在 FreeBSD 11 这一以稳定性和网络栈性能见长的系统上,结合 Apache Web 服务与 FastCGI/FCGID 进程模型,可构建低开销、高兼容、易审计的生产级监控链路——尤其适用于需长期追踪骨干网、CDN 或云 API 延迟稳定性的运维场景。

diaohuyi6830的博客 390

Nginx安装排障本质:从包管理、源码编译到容器化全链路解析

Nginx安装不是简单执行命令,而是对Linux系统底层能力的综合调用——涉及包管理器的信任链验证、内核socket绑定、文件权限模型、SELinux上下文及容器命名空间等核心机制。其排障逻辑远超配置语法检查,需深入systemd服务注册、动态库依赖解析、PCRE正则匹配引擎与最长前缀树协同原理。真实故障常源于端口冲突、用户权限不足、模块未启用或SELinux策略限制,而非nginx.conf书写错误。本文聚焦安装即排障(Installation-as-Troubleshooting)范式,覆盖APT/YU

weixin_34214500的博客 475

Xibo数字标牌在Ubuntu 12.04上的LAMP部署实践

数字标牌系统是面向公共显示场景的内容分发基础设施,其核心依赖于稳定可靠的LAMP技术栈(Linux+Apache+MySQL+PHP)。理解Web服务器路由机制、数据库事务一致性、PHP扩展协同及文件权限模型,是实现内容低延迟推送与终端稳定播放的基础。尤其在老旧硬件、离线环境或工业控制等受限场景中,对Apache的.mod_rewrite支持、MySQL存储引擎选型、PHP内存与超时调优等底层配置的精准把控,直接决定系统可用性与运维可持续性。本文以Xibo 1.4.7在Ubuntu 12.04上的完整落地为

weixin_30527423的博客 435

解决VUE项目发布NGINX下刷新404问题

打包前台项目部署后,刷新提示404 一开始以为是代码问题 后来逐个分析发现是nginx拦截请求问题 在nginx.conf配置文件中,配置如下内容即可 try_files $uri $uri/ /index.html; location / { root E:\wyf\vs\dist; index index.html index.htm; try_files $uri $uri/ /index.html; //关.

u014572906的博客 176

Vue项目重新部署后,提示用户刷新网页

Vue项目重新部署后,提示用户刷新网页

xingchen678的博客 1817

Windows系统使用Nginx部署Vue

Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点开发的,因它的稳定性、丰富的功能集、简单的配置文件和低系统资源的消耗而闻名。,出现以下界面说明启动成功(由于笔者电脑80端口被占用,所以更改为8080,nginx默认为80端口)。工具,将Nginx转换为Windows服务,Windows系统重启后会自动启动Nginx服务。​ 配置文件如下:主要包含日志位置、启动和关闭,目录根据自己安装位置调整(不要有中文)。用cmd命令窗口,cd 到nginx解压目录,,根据系统版本下载对应工具。

2301_78834737的博客 3236

vue中history模式egg后台宝塔上线后刷新nginx报错404

我们都知道vue中路由有两种模式:hash模式和history模式,我也尝试了history模式,但是项目上线之后每每刷新nginx就会报错,最后我在网上找了尝试了一圈都没有解决问题。最后含泪换回hash模式,但是看着长长一串的url,还有个扎眼的#号,十分的难看,但在hash模式下刷新不会404。 hash模式下的url在后台请求之后#之前的内容还是存在与此次请求中的,因此每一次请求都会返回index.html页面,这样路由就交给了前端处理。那么同样也是路由的history模式却没有hash的功能,没有

Oublieasd的博客 839

解决vue部署到nginx后刷新404

在location标签下面添加try_files标签内容 location / { root /usr/local/nginx/html/dist; index index.html index.htm; try_files $uri $uri/ /index.html; }

Rsun2018的博客 234

解决Vue项目部署到Nginx服务器刷新404问题

解决Vue项目部署到服务器刷新404问题

蓝墨の学习笔记 670

【数据分享】1985-2023年30米CLCD土地覆盖栅格数据分享

总的来说,CLCD 反映了中国快速的城市化进程和一系列生态工程,揭示了气候变化条件下人为对 LC的影响,其在全球变化研究中具有潜在应用价值。最后,通过目视解译的独立样本和第三方测试样本评估CLCD的准确性。特别地,该研究将CLCD产品与目前最先进的30m专题产品包括不透水表面积(ISA)、地表水和森林进行比对,以综合评估CLCD的质量(以下为技术流程图)。数据分类:分为九类用地,该数据包括9种用地类型,分别为:农田、森林、灌木、草原、水域、冰雪、裸地、不透水面、湿地。数据格式:.tif格式。

weixin_61129400的博客 6923

Ventoy引导自定义菜单配置详解:手把手教你用ventoy_grub.cfg启动硬盘里的Manjaro

本文详细解析了Ventoy引导自定义菜单配置方法,重点介绍如何通过ventoy_grub.cfg文件启动硬盘中的Manjaro系统。从Ventoy与GRUB2的协作原理到具体配置步骤,包括分区布局设计、关键参数解析及常见问题解决方案,帮助用户实现多系统引导的灵活管理。

weixin_28738165的博客 299

Nginx状态监控及日志分析,VUE项目版本迭代自动更新当前版本的代码 更新 刷新 自动更新静态文件 reload

Nginx状态监控及日志分析 1、Nginx状态监控 Nginx提供了一个内置的状态信息监控页面可用于监控Nginx的整体访问情况,这个功能由ngx_http_stub_status_module模块进行实现。 使用nginx -V 2>&1 | grep -o with-http_stub_status_module命令检测当前Nginx是否有status功能,如果输出ngx_http_stub_status_module则说明是有的,如果没有可以在编译时加上此模块。 默认情况下,statu

asd52656的博客 1824

RAG优化知识库检索(4):混合检索技术

混合检索技术在RAG(检索增强生成)系统中的应用显著提升了检索效果。本文探讨了语义检索与关键词检索的优缺点,指出两者在语义理解和精确匹配方面的互补性。通过结合BM25与向量检索,混合检索系统能够更全面地捕捉文档的相关性。文章详细介绍了并行检索、级联检索、稀疏-密集混合表示等多种结合方式,并探讨了权重调整策略,如线性组合、动态权重调整和排序融合算法。此外,稀疏-密集混合检索架构的设计和实现方案也被深入分析,展示了如何通过结合不同检索方法的优势,提升RAG系统的检索质量和效率。

分享一些感兴趣的技术方面 2073

Ubuntu 18.04下Nginx部署的四大硬性前提与系统级排错

Nginx作为最主流的Web服务器,其在Linux系统中的稳定运行依赖于底层服务管理机制的协同——apt包管理提供软件供给链路,ufw实现网络策略语义化控制,systemctl统一调度systemd服务生命周期。理解这三者在Ubuntu 18.04中的咬合逻辑,是解决‘unmet dependencies’‘connection refused’‘failed to start’等高频故障的技术根基。本文聚焦真实运维场景,从系统预检、依赖修复、防火墙时序、服务状态诊断到配置落地,覆盖Nginx从安装到生产就

hqmln的博客 338

湿敏电阻HR202的两种驱动方案实测:IO充放电法 vs. 交流方波ADC法,哪个更适合你?

本文深入评测湿敏电阻HR202的两种驱动方案:IO充放电法和交流方波ADC法。通过原理图分析、精度实测和资源占用对比,揭示交流方波ADC法在精度和稳定性上的优势,特别适合长期监测场景。同时提供IO充放电法在资源受限情况下的应用建议,帮助工程师根据项目需求做出最优选择。

weixin_30421809的博客 466

避开生产计划大坑:不懂MPS和MRP的区别,你的SAP PP模块白学了

本文深入解析SAP PP模块中MPS(主生产计划)与MRP(物料需求计划)的核心区别,揭示如何通过正确配置避免生产计划中的常见陷阱。文章详细探讨了MPS的三大缓冲特性和动态平衡算法,帮助企业提升生产计划稳定性,优化资源配置,避免生产线波动。

weixin_29268267的博客 401

Allure测试报告实战:从404故障排查到CI/CD深度集成

Allure是一个基于pytest的开源测试报告框架,其核心价值在于通过结构化数据采集与可视化分析实现质量可追溯。理解Allure的工作原理需把握三个关键层:数据生成(pytest-allure插件如何序列化测试步骤、环境、链接等元数据)、服务加载(allure serve的静态资源路径解析与端口绑定机制)以及历史趋势建模(history.json协议与跨版本兼容性)。在工程实践中,常见问题如404资源错误、环境信息为空、历史图表缺失,本质是pytest配置锚点未对齐Allure协议规范。本文聚焦真实项目中

weixin_30920513的博客 319

模拟ic入门——设计一个带隙基准Bandgap(三)高阶温度补偿与启动电路设计

本节我们来介绍高阶温度补偿,以及一些启动电路的设计,附上一些经典的论文供大家学习

qq_64956710的博客 1万+

Ubuntu 20.04 生产级 Nginx 安装与安全加固指南

Nginx 是高性能 Web 服务器与反向代理的核心基础设施,其运行原理依赖于模块化架构、事件驱动模型与配置驱动行为。掌握其编译机制与模块裁剪逻辑,是实现安全可控部署的技术前提。在 Ubuntu 20.04 等 LTS 系统中,APT 默认提供的 Nginx 1.18.0 存在已知安全漏洞(如 CVE-2026-27654)且 WebDAV 模块静态启用,无法通过配置彻底禁用——这凸显了源码编译与模块精细化管理的关键技术价值。典型应用场景包括 FastAPI/Vue 全栈部署、HTTPS 反向代理、SPA

z466459262的专栏 148

软件设计师---UML

软件设计师---UML

我从不打没有准备的仗! 1万+

企业级 Token 中转架构设计:高并发、多模型、费用监控一次搞定

摘要:本文针对企业级AI开发中的多模型接口混乱、高并发稳定性差及Token费用失控等痛点,提出一套2026年企业级Token中转架构解决方案。该方案采用五层分层设计(接入层、网关层、调度层、服务层、存储层),实现多模型统一接口、智能路由、高并发限流容错及精细化成本监控。核心功能包括:异构模型标准化接入、动态路由策略(场景/成本/负载/容灾)、多级限流熔断机制、全链路Token计费与安全防封体系(指纹清洗、IP池隔离)。通过分层解耦与模块化设计,企业可降低50%成本、提升99%稳定性,并避免封号风险。文章还提

远程部署调试 运行安装 项目调试 二次开发 项目技术新 持续迭代 部分源码免费分享 146

vue项目部署后刷新页面404的原因和解决方案

vue项目打包部署上线后发现项目是可以正常运行,但是使用F5或者浏览器的刷新按钮直接变成404页面。 扩展:当项目部署到服务器子文件路径时资源404问题。

为技术而生 1万+

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

vue nginx 刷新报404

问题: Vue单页应用项目打包部署Nginx服务器后,从首页访问可以,但刷新页面后,出现404。 原因: 加载单页应用后路由改变均由浏览器处理,而刷新时将会请求当前的链接,而Nginx无法找到对应的页面。 解决: 在Nginx配置文件nginx.conf中加入如下配置。(index.html根据实际页面配置) try_files $uri $uri/ /index.html; ...

m0_37542032的博客 178

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

Vue重新部署后刷新页面

Vue重新部署后刷新页面

zzzzzzzi111的博客 1612

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

vue项目部署到nginx上,刷新404

vue项目部署到nginx上,刷新404 vue路由模式改为history后,需让nginx配置try_files,不然访问不到 修改nginx.conf location / { root html/jeecg-web; index index.htm index.html; try_files $uri $uri/ /index.html; #解决页面刷新404问题 } ...

joy_1004的博客 461

Nginx 服务部署 Vue (history)项目后刷新页面 404 问题

表现 VUE使用‘history’路由模式,刷新页面后,则出现 404 Not Found 原因 nginx配置的根目录/xxx/dist下面压根没有’Menu/index’这个资源存在,这些资源都是在js里渲染的。 解决方案 vi nginx.conf 输入命令 i 进入编辑模式 location / { root ... index ... try_files $uri $uri/ /index.html; ---解决页面刷新404问题 } 重启Ngi...

0老船长0的博客 995
上一篇: Linux 离线安装tocmat9 nginx1.18 (zlib&pcre) Redis以及gcc-c++依赖库的安装
下一篇: MySQL8.tar.gz包离线安装
twenty-six
博客等级 码龄9年 33粉丝 17原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

twenty-six

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值