服务器上的应用程序更新后如何重新加载 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”