调试中除了在URL上加时间戳外，如何避免js、css被返回304状态？_html/css_WEB-ITnose

在本地开发环境（nginx）中，经常遇到这样的情况：调试js时浏览器总是不载入已修改的js内容，而直接吐出了上次缓存的代码。

 

我曾经做过以下尝试：

ctrl+F5

ctrl+F5+F5+F5+F5+F5+F5

service nginx restart

service nginx stop ... service nginx start

service php-fpm restart

service php-fpm stop ... service php-fpm start

reboot

在nginx配置里加expires -1;

在nginx配置里加add_header Cache-Control 'no-store';

均告失败。

 

在谷歌浏览器的调试模式下发现所有js文件全部是清一水儿的304 Not Modified。再去搜索引擎里查找解决办法，又清一水儿的答案：在js的url后面加时间戳：

/static/js/common.js -> /static/js/common.js?2015.03.04

但在开发调试中，不能每次调试都要改一下url吧？

 

功夫不负有心人，终于偶然在一家外国网站看到一个网友也遇到了这个问题，并且自问自答：

在nginx配置中增加

if_modified_since off;

add_header Last-Modified "";

 

重启nginx后，大功告成！

ps：如果还不行，记得先随便修改一下js文件的内容，并保存，再刷新即可。