Django项目JS变量改名后仅8000端口出现数据属性匹配异常

这问题我之前开发Django项目时也踩过坑！核心原因就是浏览器缓存在搞怪，尤其是8000这种常用的开发端口，浏览器很容易把旧的JS脚本存起来，哪怕你已经改了代码，它还是固执地加载缓存里的旧版本。换端口相当于开启了新的会话，浏览器不会复用之前的缓存，所以一切正常。

下面给你几个实用的解决办法，按优先级来：

1. 强制刷新浏览器缓存（最快的临时解决） #

在8000端口的页面上，直接按下Ctrl + Shift + R（Win10系统），这个快捷键会强制浏览器放弃缓存，重新加载所有静态资源，包括你修改后的JS文件。一般按完就能看到效果。

2. 给静态文件加版本号（长期根治方案） #

Django自带了静态文件版本化的功能，配置后每次修改静态文件，文件名会自动加上哈希后缀，浏览器看到新的文件名就会自动加载新内容，不会再用旧缓存。

• 打开项目的settings.py，添加或修改以下配置：

  STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage'
  

• 注意：开发环境下，每次修改静态文件后，可能需要手动执行python manage.py collectstatic（虽然Django开发服务器会自动处理，但偶尔需要手动触发更新）。

3. 调试时禁用浏览器缓存 #

如果你经常要修改JS代码调试，可以直接在浏览器开发者工具里禁用缓存：

1. 按下F12打开开发者工具
2. 切换到「Network」标签页
3. 勾选「Disable cache」选项（确保开发者工具处于打开状态，这个设置才会生效）

4. 检查PyCharm的自动同步设置 #

有时候PyCharm的自动编译/同步没开，导致你修改的JS文件没有及时同步到Django服务器：

• 打开PyCharm的「Settings」（快捷键Ctrl + Alt + S）
• 依次找到「Build, Execution, Deployment」→「Compiler」
• 勾选「Build project automatically」选项，确保修改后的文件能实时同步。

最后再快速确认一下：你已经把JS里所有nmb的引用（包括数据属性比如data-nmb）都改成quantity了吧？虽然换端口正常说明大概率是缓存，但扫一遍代码能避免漏改的小失误。

内容的提问来源于stack exchange，提问作者user9307199