nginx更新代码部署后已经打开的界面路由跳转卡死

最新推荐文章于 2024-09-15 14:18:48 发布
最新推荐文章于 2024-09-15 14:18:48 发布
阅读量538 收藏 1
点赞数 1
分类专栏： web前端 nginx 文章标签： 前端 vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41391095/article/details/128630053
版权
在Vue项目中，执行build后会产生新的资源文件名，防止浏览器缓存。当更新部署时，已打开的页面由于寻找不到旧的静态资源，可能导致界面加载失败或不跳转，这是由于浏览器缓存策略引起的现象，是正常行为。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前端nginx部署跳转卡死原因分析
因为找不到旧的资源文件
vue项目build后会产生新的资源文件名(css/js等)
防止浏览器缓存
所以更新部署后已经打开的界面找不到了原先的静态资源文件会报错,导致界面不跳转,这是正常的

前端面试问题（适用于面试回答思路）
yaminne的博客
03-28 5201
原型和原型链 原型：构造函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型。也即，每个构造函数的实例都有一个原型，叫原型对象，由实例对象的内置属性_proto_指向。每个原型都有一个 constructor 属性指向关联的构造函数。 原型用法：构造函数创建的实例可以访问实例的属性和方法，也可以访问原型的属性和方法。对于原型只能访问自己的属性和方法。考虑这一特性，如果对象公有的属性和方法，我们可以添加到原型上面，对象需要的时候直接访问原型的属性和方法就可以。 当读取实
面经 - OpenStack（Docker、Django、K8S、SDN）知识点
RBK的博客
02-24 4666
概述 云计算是一种采用按量付费的模式，基于虚拟化技术，将相应计算资源（如网络、存储等）池化后，提供便捷的、高可用的、高扩展性的、按需的服务（如计算、存储、应用程序和其他 IT 资源）。 云计算基本特征： 自主服务：可按需的获取云端的相应资源（主要指公有云）； 网路访问：可随时随地使用任何联网终端设备接入云端从而使用相应资源。 资源池化： 快速弹性：可方便、快捷地按需获取和释放计算资源。 按量计费： 常见的部署模式 公有云 私有云 社区云 混合云 三种服务模式 IaaS：云服务商将IT系统的基础设施
【报错】在nginx下启动，登录成功后页面不跳转
虎康的博客
10-26 2316
【代码】【报错】在nginx下启动，登录成功后页面不跳转。
解决Vue中路由跳转后地址和代码中的不一样且不跳转，网页卡死，Cpu爆满
u014555006的博客
05-23 2054
做项目的时候遇到了一个问题 vue在路由跳转的时候莫名其妙cpu爆满，网页直接卡死。而且地址栏跳转的路径也不对，代码如下 router.beforeEach((to, from, next) => { const role = JSON.parse(localStorage.getItem("user")); console.log(role); if(to.fullPath === '/exit'){ localStorage.removeItem("user");
页面卡死了
测试0901-1
09-17 370
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0....
【踩坑】：vue项目打包，用nginx部署了，但是访问不到页面
TanMengyi的博客
06-15 1万+
最近做的一个vue项目，npm run build打包后，用nginx部署， 打开默认地址： 域名/gcmanager/，跳到了我配置的404页面，如下图： 于是我手动输入页面的路由地址，我本地这个路径都能访问到页面，为部署后却找不到页面了， 这是我路由的index.js文件 分析问题： nignx，需要配置history模式，解决办法有两种： a. 取消路由的 history 模式，把mode:"history"去掉 b.nginx配置location / { try_files $uri $
vue中路由来回切换页面直接卡死
guiplan
07-01 1029
如上图当页面跳转到riskdetails详细页面之后，框架则被这个详情页面的vue替换了，从而导致再次切换到companylist 直接就卡死了。今天发现一个很严重的问题，项目好不容易做好了，结果页面多了，切换之后卡死。页面所有的交互效果都失效了。排查了许久的错误原因最后发现原来是路由名称重复了。
运维攻城狮面试题汇总
热门推荐
tian1345的博客
05-22 2万+
面试题汇总 什么是运维?什么是游戏运维? 1）运维是指大型组织已经建立好的网络软硬件的维护，就是要保证业务的上线与运作的正常，在他运转的过程中，对他进行维护，他集合了网络、系统、数据库、开发、安全、监控于一身的技术，运维又包括很多种，有DBA运维、网站运维、虚拟化运维、监控运维、游戏运维等等 2）游戏运维又有分工，分为开发运维、应用运维（业务运维）和系统运维 开发运维：是给应用运维开发运维工具和运维平台的 应用运维：是给业务上线、维护和做故障排除的，用开发运维开发出来的工具给业务上线、维护、做故障排查 系
小程序的学习资料收集
weixin_30414245的博客
02-23 3343
收集学习资料 1：官方工具：https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2：简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599 3：设计指南：https://mp.weixin.qq.com/debug/wxadoc/desig...
React,Vue,Css3 ...等热门面试题
qq_70010470的博客
05-24 826
## 面试 * Fiber React Fiber是react执行渲染时的一种新的调度策略 JavaScript是单线程的 一旦组件开始更新 主线程就一直被React控制 这个时候如果再次执行交互操作 就会卡顿 页面首次渲染会创建一颗结构 一模一样的的Fiber节点树 Fiber在update的时候 会从原来的Fiber clone出一个新的Fiber 俩个Fiber diff出的变化 在更新结束后会取代之前的 Fiber节点树 渲染过程采用切片的方式
记录问题：切换路由后再跳转回来页面卡死
最新发布
liuchen_chen的博客
09-15 228
切换到一个新的路由页面后，有两个组件,实现组件的切换，但切换后再返回原页面导致卡死，所有页面不再刷新，且事件不能再用。仔细看了一下组件内容发现一个click事件没定义，蠢哭。在methods定义好了后，页面正常运行。
vue项目打包后卡死
小熊的专栏
11-25 3425
element使用el-tabs导致浏览器卡死 使用ElementUi开发后台本地是好的，打包后有一个页面打开就卡死浏览器，经排查发现在是由于引起的。 将vue、vue-template-compiler element-ui升级,发现问题还是存在。 "vue": "^2.6.10", "element-ui": "^2.13.2", "vue-template-compiler": "^2.6.10", 经过不断尝试推荐两种解决方案 解决方案1：修改的最外层元素的css样式,加上display和disp
关于nginx启动会卡主【其实已正常启动,只是systemctl start nginx会卡主】其实这里不是卡主，可能是前端运行！
weixin_43343144的博客
05-24 1903
# 是否设置后台运行默认是on后台运行【务必注意：如果此处设置为off,则使用systemctl start nginx启动会挂起为前提运行】！： daemon off; nginx的启动方式两种情况 第一种：使用systemctl restart nginx启动,必须设置daemon为on【后台运行】 第二种：使用supervisor启动 ，必须设置daemon为off【前台运行】 ...
vue 打包后 部署nginx 二级路由 刷新页面，js 报错导致页面空白
一个在全能之路上越走越远的男人。
08-14 2594
vue 的history 模式是很有必要的，可以删掉路径中的# 号，尤其是做微信开发，微信那边会自动把#给除掉。所以一般都设置成history的模式。但设置成history 的模式，会导致很多问题。 最近我就碰到一个这样的问题：如题目 。 仔细看上图出错的路径，这个路径刷新会在当前路径下找 js,很明显这个二级路由的路径下是没有的 static的，所以报错。 再看下我的打包配置： ...
nginx部署，nuxt静态部署，路由跳转失效的问题
小糖穿越火线
07-17 3013
nuxt静态部署问题 静态部署：路由模式跳转失效的问题；不能使用历史模式，需要使用 ‘hash’ 模式，再进行打包 ‘npm run generate’ 文件:nuxt.config.js // 自定义配置路由 router: { mode: 'hash', // 使用 'hash' 主要是为了适配以相对路径打开的静态站点， 必须使用 'hash' 否则路由跳转不生效 // base: '/moli/', base: process.env.NODE_ENV === 'production
nginx启动vue项目第一次访问加载特别慢，已解决
weixin_44006009的博客
02-27 1163
nginx启动vue项目第一次访问加载特别慢，已解决
Nginx卡在登录页面不断跳转如何解决？（登不进登录页面）ip_hash机制（还是没解决）
Dontla的博客
10-26 2272
参考文章：nginx中的的ip_hash机制
nginx部署vue输入网址正常访问刷新就报404
qq_37320386的博客
07-10 176
今天上线项目，线下测试的好好的但是一上线正常输入网址没有任何问题，但是无论在哪个页面一刷新就报404，网上找了很多都没解决最后参考。解决了亲测有用，备忘一下。
vue发布到nginx下访问资源404，或白屏问题
liulang1905的博客
06-15 3069
这里先说404问题，比较简单就是vue中路由mode的问题 如果不嫌弃地址有#号的话就改成默认hash或者直接将这个属性删了就行，删了直接使用默认 如果说不想地址有#的话配置下nginx即可 nginx配置 try_files $uri $uri/ /index.html; 如果以上已解决您的问题可以不在往下看了，下面只是记录自己的一个踩坑过程，避免以后再犯 我的路由一直是使用的是 history ，没有配置nginx所以有了很多问题 先描述以下错误症状， 一开始发布到nginx下能访问，但是访问一会
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值