更新服务器的Vue代码后客户端样式崩坏

问题:

原生app嵌套Vue写的web页面时,当app在使用过程中更新了服务器的前端代码,出现样式乱掉的情况。客户端清除缓存后可以解决,但一般用户并不知道需要清理缓存。

解决:

思路:

      每次上传代码前build时生成不同的style.css的文件名,使得app每次重新加载服务器代码时,重新加载一次CSS文件。

实践:

      在vue.config.js文件中设置style.css文件名。

更新服务器的Vue代码后客户端样式崩坏