在嵌入vue
应用
的iframe中,缓存可能会导致
应用
表现出不可预知的行为,因为浏览器可能会使用旧版的
缓存
资源。为了解决这个问题,可以使用以下两种方法:
在vue
应用
的webpack配置中,使用chunkhash来生成
应用
内的所有文件名,这样每当vue
应用
有变化时文件名都会改变,避免了使用旧
版
文件的风险。可以使用以下代码:
output: {
filename: '[name].[chunkh
as
h].js',
chunkFilename: '[name].[chunkh
as
h].js'
在嵌入vue
应用
的iframe中加上随机参数,比如时间戳,这样每次请求都会生成新的参数,从而防止浏览器使用旧版的
缓存
资源。可以使用以下代码: