服务器上的应用程序更新后如何重新加载 vuejs

Posted

技术标签:

【中文标题】服务器上的应用程序更新后如何重新加载 vuejs【英文标题】:How can you reload vuejs after application update on server 【发布时间】:2019-04-28 10:01:56 【问题描述】:

我有一个场景,当我更新服务器中的整个应用程序(包括后端 API)时,用户需要重新加载 vuejs 应用程序以获取最新的 vue 应用程序版本。

假设用户有可能使用已经投入生产的 vue 应用程序 1.1 版,即使在服务器更新后(即到 1.2)仍将继续使用相同的版本。在这种情况下,后端 API 可能已更改并且会中断。

有什么简单的方法可以解决上述问题吗?

【问题讨论】:

使用网络套接字发布/订阅,或使用 ajax 进行长轮询以确定版本不匹配,然后进行相应更新。 你可以给你的 api 端点编号:http:/yourapi/v1.1/customers 等等,当你更新 api old 客户端可以重定向到家具体路线 【参考方案1】:

一种方法是将我们所有 API 请求中的版本号 1.1 或 1.2 发送到后端。然后检查后端的版本,如果是旧版本,则发送特殊错误。在前端,您通过刷新页面来处理这个特殊错误。还要确保您的新 *.js 文件有一个新名称,以便客户端浏览器获取新版本而不加载任何缓存的 *.js 文件。

【讨论】:

以上是关于服务器上的应用程序更新后如何重新加载 vuejs的主要内容,如果未能解决你的问题,请参考以下文章

VueJS - 重新加载页面后无法将值从 mapState 分配给数据属性

在使用pjax重新加载gridview后,在gridview上的Yii2模态表单更新没有显示

将 CodeMirror 与 Vuejs/Nuxtjs 一起使用会导致服务器重新加载时未定义错误“CodeMirror”

当更新数据库后只有少量数据更改时,如何重新加载可变数据? (iOS)

iOS 在更新后从 Web 服务重新加载数据

Vuejs 以反应方式更新列表