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

【STM32】R05D电控红外协议的美的空调遥控器

目录一、设计思路一、R05D红外协议原理1.协议手册理解2.验证时序(重点)二、硬件实现1.需要的材料2.对发射模块电路进行修改3.STM32 GPIO选择三、代码实现1.载波38kHZ实现2.R05D时序实现3.调用函数并验证 一、设计思路 通常红外遥控采用NEC传输协议,而美的空调采用的是R05D红外协议(应该是自己设计的协议),因此用一般红外编码发射模块无法直接对空调进行控制。 解决方法:获取R05D协议手册 + 用红外接收管对原有遥控器红外接收进行波形分析。 一、R05D红外协议原理 R05D电控功

weixin_42204837的博客 1万+

海鸥派OpenEuler开发板实战:从烧写到SSH连接的完整指南

本文提供海鸥派OpenEuler开发板从开箱到SSH远程连接的完整实战指南。详细介绍了基于海思SD3403/SS928芯片的算力开发板系统烧写、存储扩容、网络配置等关键步骤,帮助开发者快速上手这款AI边缘计算设备,并实现高效的远程开发与管理。

ruby5的博客 1121

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

操作系统知识点汇总(王道)

操作系统不论是就业还是升学都是核心的一门课程,对于大部分工科更是必修课程。本文章是对《王道操作系统》所有知识点的总结笔记,以供大家学习以及在备考期间复习使用。让我们一起把知识往脑子里旋好吗!!!......

S mile0804的博客 5万+

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

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

hqmln的博客 338

DSP28335 ADC模块实战:从寄存器配置到精准数据采集(附代码详解)

本文详细解析DSP28335的ADC模块配置与数据采集实战,涵盖寄存器设置、采样窗口优化、中断处理及代码实现。重点解决ADC精度问题,如采样窗口不足导致数据偏差,提供完整代码示例和调试技巧,助力工程师实现精准数据采集。

kkk56的博客 864

车机破解避坑指南:为什么你的CarPlay盒子不识别?从USB设备ID解析兼容性问题

本文深入解析车机USB设备兼容性问题,特别是CarPlay盒子不识别的原因,从硬件ID到识别机制全面剖析。通过ADB工具和root权限操作,提供详细的破解方案和兼容性测试结果,帮助用户解决车机与第三方设备的连接问题。

weixin_29175469的博客 602

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

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

weixin_30920513的博客 319

NC65增加自定义参照并且参照数据要根据选择的财务组织过滤

1、首先定义一个参照类 package nc.pub.jzcm.ref; import nc.ui.bd.ref.AbstractRefModel; import nc.ui.bd.ref.IRefDocEdit; import nc.ui.bd.ref.IRefMaintenanceHandler; public class PMPrPayDefaultRefModel extends AbstractRefModel { public PMPrPayDefaultRefModel(){ ...

xyl的博客 3494

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

YOLO26改进策略【Neck】| CVPR2025 LCA轻量交叉注意力 跨层级双向引导 + 分层降噪增强,提升微小目标特征表达

简单相加、拼接融合无法建立深浅层双向约束关系,浅层微小目标易被深层背景覆盖,深层全局信息难以修正浅层噪声;普通单路自注意力仅单一层内建模依赖,缺少跨层级特征互引导机制,深浅特征信息割裂;标准多头跨注意力计算量大、参数量高,轻量化单模态检测/分割网络部署困难,无法区分前景目标与背景噪声。为此设计单模态轻量化交叉注意力LCA,构建浅层细节、深层语义双分支双向引导结构,轻量完成跨层级特征交互,同步降噪并强化单模态微小目标特征。

Limiiiing的博客 523

【ComfyUI】FluxKontext 人物服装平铺重构

本文介绍了一个基于ComfyUI的高保真服装语义提取工作流,利用FluxKontext模型实现人物服装结构的精准抽离与平铺展示。工作流包含图像输入、潜空间处理、语义引导和生成输出四个阶段,通过Flux_Kontext_dev_fp8主模型、双CLIP文本编码和VAE转换等核心组件,配合FluxKontextImageScale、ReferenceLatent等节点完成服装结构的稳定提取。流程中CLIPTextEncode负责语义解析,FluxGuidance强化引导力度,KSampler执行最终生成,最终输

Mr数据杨 957

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

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

为技术而生 1万+

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

vue nginx 刷新报404

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

m0_37542032的博客 178

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

Vue重新部署后刷新页面

Vue重新部署后刷新页面

zzzzzzzi111的博客 1612

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

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、付费专栏及课程。

余额充值