通知用户在 SPA 网站上刷新浏览器的正确方法是啥(更改 .js 文件时)

     2023-02-22     293

关键词:

【中文标题】通知用户在 SPA 网站上刷新浏览器的正确方法是啥(更改 .js 文件时)【英文标题】:What's the proper way to inform users to refresh the browser on a SPA website (when .js files are changed)通知用户在 SPA 网站上刷新浏览器的正确方法是什么(更改 .js 文件时) 【发布时间】:2019-09-12 09:14:24 【问题描述】:

我正在寻找一种适当的方式来通知用户有关更新的网站版本。

每当我上传新的生产 .js 文件时,网站的某些部分在不刷新浏览器的情况下仍然可以正常工作,但大多数都不能,用户可能永远不会想到只刷新浏览器。

每当上传新的 .js 文件时,如何自动通知用户刷新浏览器?

我正在使用 Vue 和 Laravel-mix。

【问题讨论】:

如何在 js-script 包含命令中添加一个缓存中断器,例如版本号? 可能重复***.com/questions/53486531/… 【参考方案1】:

需要一个缓存破坏器,并且可以使用例如自动化。 gulp-rev:这个概念是在每次构建时重命名资源文件,这样当用户打开你的应用程序时就不会从缓存中检索它们。

但如果浏览器选项卡打开并且在用户使用应用程序时完成升级是不够的。在这种情况下,您可能希望显示一条模式消息来刷新页面,或者自动刷新以加载新版本。

为此,您应该在首次打开应用程序时将版本号(或 git commit hash)存储在您的 SPA 范围内的某个位置,并通过 Web 服务调用定期检查当前后端版本。如果您检测到版本更改,您将显示该消息(并阻止用户使用其旧版本)。

【讨论】:

感谢您的回答。我已经使用了缓存破坏器,但是有几个用户从不关闭选项卡,因此,他们使用已经导入的旧 .js 文件。我正在考虑与您在邮件第二部分中描述的类似的事情,但希望这些天有更好的方法来处理这种情况。

spa

...的用户体验。得益于Ajax,可以实现无跳转刷新,由于与浏览器的history机制,可以使用hash的b变化从而可以实现推动界面变化。2、只要使用支持HTML5和CSS3的浏览器就可以执行复杂的SPA,因此,开发人员不必为了写SPA网站而特别学习... 查看详情

spa的概念

...体验。得益于ajax,我们可以实现无跳转刷新,又多亏了浏览器的histroy机制,我们用hash的变化从而可以实现推动界面变化。      (2)只要使用支持HTML5和CSS3的浏览器就可以执行复杂的SPA,因此,开发人员不必为了写SPA网... 查看详情

在 AngularJS SPA 中使用刷新令牌

】在AngularJSSPA中使用刷新令牌【英文标题】:UsingrefreshtokenswithinAngularJSSPA【发布时间】:2018-12-2710:58:25【问题描述】:通过AngularJS中的刷新令牌请求新的JWT身份验证令牌的正确方法是什么?我已经有一个实现,它在每个API请求上... 查看详情

使用 SPA 为授权代码流配置 Identity Server 3 的正确方法是啥?

】使用SPA为授权代码流配置IdentityServer3的正确方法是啥?【英文标题】:WhatisthecorrectwaytoconfigureIdentityServer3forauthorizationcodeflowwithSPAs?使用SPA为授权代码流配置IdentityServer3的正确方法是什么?【发布时间】:2019-10-1114:42:45【问题描... 查看详情

使用 ASP.NET Core 3 进行 SPA 身份验证的正确方法是啥?

】使用ASP.NETCore3进行SPA身份验证的正确方法是啥?【英文标题】:WhatisthecorrectwaytodoSPAAuthenticationwithASP.NETCore3?使用ASP.NETCore3进行SPA身份验证的正确方法是什么?【发布时间】:2020-02-0716:46:56【问题描述】:新的ASP.NETCore3Angular项... 查看详情

excel文件的正确内容类型是啥? [复制]

...单击时在Excel中打开,而不是保存在桌面上,或者嵌入在浏览器中打开等。现在显然这一切都取决于如何为每个用户配置所有内容,但最好的是Conten 查看详情

为啥刷新令牌对于 SPA 来说被认为是不安全的?

...声明SPA\'sshouldnotuseRefreshTokens因为它们无法安全地存储在浏览器中 查看详情

在 iOS 7 上的 UITableView 上指示加载活动的正确方法是啥?

...问题描述】:我知道我可以在任何时候使用SVProgressHUD向用户展示正在整个屏幕上加载的内容。但是,在i 查看详情

如何使我在 VS 2015 Web 开发环境上运行的 AngularJS SPA 正确刷新

】如何使我在VS2015Web开发环境上运行的AngularJSSPA正确刷新【英文标题】:HowcanImakemyAngularJSSPArunningonVS2015webdevelopmentenvironmentrefreshcorrectly【发布时间】:2016-08-3021:32:40【问题描述】:我有一个使用VisualStudio2015开发的AngularJSSPA应用... 查看详情

保护网页中的社会安全号码的正确方法是啥?

...用DynamoDB的内置加密保护它们。问题是,一旦到达用户的浏览器,如何在网 查看详情

使用 Angular 和 Express 登录用户的正确方法是啥?

】使用Angular和Express登录用户的正确方法是啥?【英文标题】:WhatistheproperwaytologinusersusingAngular&Express?使用Angular和Express登录用户的正确方法是什么?【发布时间】:2013-09-1905:56:23【问题描述】:我正在构建一个简单的网站,... 查看详情

用户从输入网址,按下确定到在浏览器上看到动态网页和静态网页过程分别是啥

静态网页,动态网页主要根据网页制作的语言来区分:静态网页使用语言:HTML(超文本标记语言)动态网页使用语言:HTML+ASP或HTML+PHP或HTML+JSP等。静态网页与动态的区别程序是否在服务器端运行,是重要标志。在服务器端... 查看详情

token不正确是啥意思

...长,一个网站的旗下产品、服务在增加到一定的程度时,用户管理起这么多产品的账号、密码来会非常繁琐,因此也产生了通行证,即把旗下产品账号统一处理,方便用户的管理。在互联网的发展过程中,网站为了留住用户和黏... 查看详情

验证码不正确是啥原因?

...,上面显示的验证码已经过期,刷新或重新获取验证码;浏览器支持不佳。关闭浏览器后重新打开,或者使用其它浏览器打开;硬件系统本身出现延时或者错误。将硬件设备(如:手机、平板电脑、电脑等)重新启动,之后再进... 查看详情

在 Python 中获取主目录的正确跨平台方法是啥?

...间】:2011-05-0101:03:38【问题描述】:我需要获取当前登录用户的主目录位置。目前,我一直在Linux上使用以下内容:os.getenv("HOME")但是,这在Windows上 查看详情

正确设置网站titlekeywordsdescription(转载)

...人的经验,所以转载一下1、title(网站标题)title,就是浏览器上显示的那些内容,不仅用户能看到,也能被搜索引擎检索到(搜索引擎在抓取网页时,最先读取的就是网页标题,所以title是否正确设置极其重要。)title一般不超... 查看详情

在 HTTP 上阅读 RFC 的正确或正确方法是啥?

】在HTTP上阅读RFC的正确或正确方法是啥?【英文标题】:What\'sthecorrectorproperwaytoreadRFCsonHTTP?在HTTP上阅读RFC的正确或正确方法是什么?【发布时间】:2017-02-2113:46:26【问题描述】:来自***:“HTTP/1.1的第一个定义,即常用的HTTP版... 查看详情

在结构元素上使用 memset 的正确方法是啥?

】在结构元素上使用memset的正确方法是啥?【英文标题】:Whatistheproperwaytousememsetonastructelement?在结构元素上使用memset的正确方法是什么?【发布时间】:2012-03-0800:12:46【问题描述】:我正在尝试在这样的结构元素上使用memset:me... 查看详情