flask在.js文件中看不到更改

Question

我对.js使用的文件之一进行了更改，无论我做什么，flask都坚持从内存缓存中获取文件的最新版本，而不进行更改。

为了澄清，我具有以下结构。一切始于foo.html

return render_template foo.html

foo.html内部有一个窗体，该窗体调用flask包含一些数据，然后返回第二个模板bar.html：

return render_template bar.html

第二个模板调用.js放置在static文件夹中的某些文件，但是当代码更改时它不会更新。

我提到了上面的结构，因为如果将.js文件放在foo.html而不是bar.htmlFlask上，则Flask 会
选择文件上的新更改。但是在bar.htmlFlask中完全忽略了它们。

怎么了？

唯一有效的方法是在浏览器上单击“禁用缓存”，然后再次重新加载。

Answer 1

最终，这是一个令人沮丧的浏览器缓存问题，可以通过强制浏览器执行“硬刷新”来解决，这将取决于浏览器/操作系统，但是通常可以：

• Windows：Ctrl + F5
• Mac：Cmd + Shift + R
• Linux：Ctrl + Shift + R

还可以使用其他文件名技巧来避免此问题（在OP的注释中提到）。这些在您无法控制浏览器行为的生产中尤其重要。

对于非静态Flask响应，您可以设置cache_control.max_age属性，该属性应告诉浏览器如果缓存了响应，则何时使响应到期。例如，如果您有一个返回JSON数据的Flask
XHR端点，则可以执行以下操作：

@app.route('/_get_ajax_data/')
def get_ajax_data():
    data = {"hello": "world"}
    response = jsonify(data)
    response.cache_control.max_age = 60 * 60 * 24  # 1 day (in seconds)
    return response

通常，您还可以在生产Web服务器配置中为特定资源类型（例如CSS / JS / HTML / JSON / etc）设置默认值。

编辑4/1/2019 （与愚人节无关）

• Mac / Safari的击键现在看来是：Cmd + Opt + R（通过评论，谢谢！）。
• 有关非常优雅的“文件名技巧”，请参阅@MarredCheese的新答案，以强制浏览器忽略更新文件的缓存副本。