javascript 如何强制硬刷新当前页面

Question

我在 Web 应用程序中有一个按钮，单击该按钮时应该困难-重新加载页面及其所有组件。
我对 javascript 文件之一 (file1.js) 进行了更改，但更改未更新。

根据： here 和 here 使用 window.location.reload(true); 应该从服务器重新加载页面。
在我的程序中，点击按钮触发了这行代码，但是变化还是没有显示出来。
代码通过 webpack 打包。

单击按钮时，Chrome 调试器 中的网络选项卡显示与重新加载关联的网络请求页面。
其中之一是主页。

它的请求 Headers 显示 cache-control: no-cache
它的响应 Headers 显示 Cache-Control

在列表的下方，我看到 app.bundle.js，其中包含特定文件 file1.js.
app.bundle.js 的 General 部分显示 Status Code: 200 (from memory cache)

很明显，并非页面的所有元素都从服务器重新加载。
以下是 Chrome 调试器网络选项卡中的部分。
如何强制加载不是从缓存中加载的所有页面？

来自网络选项卡的部分 Chrome 调试器

# Network request fields for getting https://staging.bldlog.com/index

General:
   Request URL: https://staging.bldlog.com/index
   Request Method: GET
   Status Code: 200 
   ...

Request Headers:
   :authority: staging.bldlog.com
   :method: GET
   :path: /index
...
   cache-control: no-cache


Response Headers:
   access-control-allow-headers: DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range


# --------------------------------------------------------------

# Network request fields for getting https://staging.bldlog.com/V1/build/mlj/app.bundle.js

General:
   Request URL: https://staging.bldlog.com/V1/build/mlj/app.bundle.js
   Request Method: GET
   Status Code: 200  (from memory cache)

Answer 1

解决方案是指定 { 'Cache-Control': 'no-cache, no-store, must-revalidate' }; 在请求中 header 按照 here

中的指示

javascript 如何强制硬刷新当前页面

javascript how to force hard refresh of current page

javascript

caching

cache-control

browser-cache