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

将外部电磁近场数据导入 ANSYS HFSS

本博客介绍了如何将电磁近场数据导入 ANSYS HFSS。用户可能需要导入字段,无论是通过分析计算、测量、由其他工具生成还是从提供商处接收的字段,并将其用作实际激励来执行不同类型的分析。以下是导入过程的简要概述,视频链接中提供了完整的演示。为了定义简单基元近场源,HFSS 使用两种外部数据文件。首先,实际位置/字段数据以 .nfd 格式存储。其次,Ansys Near field Descriptor 文件(.and 文件)存储 .nfd 数据的一般几何信息和路径。

jkh920184196的博客 2324

亚马逊SP-API授权实战:从OAuth流程到Refresh Token获取

本文详细解析了亚马逊SP-API授权流程,从OAuth认证到Refresh Token获取的全过程。通过实战经验分享,帮助开发者快速掌握Marketplace Appstore、Website Workflow和自行授权三种方式,解决常见错误如MD5100和MD9999,并提供了安全存储Refresh Token的最佳实践。

weixin_30379531的博客 518

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

切比雪夫插值

切比雪夫插值是一种基于切比雪夫节点的多项式插值方法,其优势是减少插值误差(特别是龙格现象:表现为高维插值时在边缘处插值误差骤增)。本文对其基本操作进行说明。

平和少年的博客 1646

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

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

hqmln的博客 338

Intel Mobileye EyeQ Ultra:RISC-V架构的L4自动驾驶芯片解析

RISC-V作为开源指令集架构,凭借其模块化设计和可定制特性,正在重塑高性能计算领域。其精简指令集带来的确定性执行时序,特别适合自动驾驶等实时性要求严苛的场景。在异构计算架构中,RISC-V与专用加速器(如NPU、GPU)的协同设计,能显著提升能效比和算力密度。Mobileye EyeQ Ultra采用12核RISC-V集群,结合176TOPS AI加速器和5nm工艺,实现了L4级自动驾驶所需的实时感知与决策能力。这种架构为车载计算平台提供了可扩展的解决方案,同时降低了系统复杂度和BOM成本。

weixin_33245447的博客 426

瑞芯微rk3568移植openbmc(一)----关于ob移植的优缺点

基于rock3a的单板,CPU为瑞芯微rk3568的环境,移植了openbmc

feixiang3839的专栏 5537

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

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

weixin_30920513的博客 319

PyTorch深度学习实战(41)——循环神经网络与长短期记忆网络

循环神经网络 (Recurrent Neural Network, RNN) 通过将前一个时间步的隐藏状态作为当前时间步的输入,实现对序列数据的建模,由于循环连接的存在,RNN 能够捕获时间依赖关系,然而,RNN 在处理长期依赖性问题时会遇到困难。为了解决这个问题,提出了 LSTM,通过引入门控机制改进 RNN 来有效地处理长期依赖关系。在本节中,了解了 LSTM 和 RNN 的基本原理,并介绍了如何在 PyTorch 中实现 LSTM。

盼小辉丶的博客 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

芒果YOLOv5改进55:损失函数篇之KLD:即插即用 芒果首发原创新颖|全网唯一更新KLD改进博客,通过 Kullback-Leibler 散度学习用于目标检测的高精度边界框,提升YOLOv5小目标

YOLOv5改进KLD损失函数:即插即用 原创新颖|芒果专栏独家首发

包括YOLOv5、YOLOv7、YOLOv8等模型改进 664

点云处理指南介绍

指南目录,Open3D与PCL内容介绍

NNNNNathan的博客 1万+

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

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

为技术而生 1万+

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

vue nginx 刷新报404

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

m0_37542032的博客 178

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

Vue重新部署后刷新页面

Vue重新部署后刷新页面

zzzzzzzi111的博客 1612

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

余额充值