Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在index.html中导入的缓存破坏资产_Javascript_Angular_Deployment_Browser Cache - Fatal编程技术网

Javascript 在index.html中导入的缓存破坏资产

Javascript 在index.html中导入的缓存破坏资产,javascript,angular,deployment,browser-cache,Javascript,Angular,Deployment,Browser Cache,在我们的一个Angle应用程序中,在index.html文件中,我们有: 富吧 config.js是以这种方式加载的,因为在部署期间,在构建应用程序之后注入。该文件具有一些依赖于环境的配置,因此将为多个环境创建一个映像,并且仅在部署期间将配置文件插入到其位置。因此,我们不能使用angular.json的脚本配置 但是当部署新版本时,可能存在这样的情况:config.js文件已经更新,以反映应用程序中的更改。但是从逻辑上讲,使用上面的src,浏览器会缓存文件,并且这些值最初是过时的。这可以通过

在我们的一个Angle应用程序中,在
index.html
文件中,我们有:


富吧
config.js
是以这种方式加载的,因为在部署期间,在构建应用程序之后注入。该文件具有一些依赖于环境的配置,因此将为多个环境创建一个映像,并且仅在部署期间将配置文件插入到其位置。因此,我们不能使用
angular.json
脚本配置

但是当部署新版本时,可能存在这样的情况:
config.js
文件已经更新,以反映应用程序中的更改。但是从逻辑上讲,使用上面的
src
,浏览器会缓存文件,并且这些值最初是过时的。这可以通过强制刷新来解决,但这并不理想

我们希望标签的
src
属性在
dist/index.html
的最终版本上自动更新,因此它包含某种形式的缓存破坏值(随机字符串、时间戳、哈希等)

所以最终的结果会是这样的:


我们怎样才能做到这一点