更新服务器的Vue代码后客户端样式崩坏
问题:
原生app嵌套Vue写的web页面时,当app在使用过程中更新了服务器的前端代码,出现样式乱掉的情况。客户端清除缓存后可以解决,但一般用户并不知道需要清理缓存。
解决:
思路:
每次上传代码前build时生成不同的style.css的文件名,使得app每次重新加载服务器代码时,重新加载一次CSS文件。
实践:
在vue.config.js文件中设置style.css文件名。
原生app嵌套Vue写的web页面时,当app在使用过程中更新了服务器的前端代码,出现样式乱掉的情况。客户端清除缓存后可以解决,但一般用户并不知道需要清理缓存。
每次上传代码前build时生成不同的style.css的文件名,使得app每次重新加载服务器代码时,重新加载一次CSS文件。
在vue.config.js文件中设置style.css文件名。