基於md5的解決js,css緩衝問題for django

標籤：style   blog   http   io   color   os   使用   sp   for   

一．常見的解決方案

js,css更新的時候，由於瀏覽器的緩衝機制，可能導致引用老的js,css而引起錯誤。以往常見的解決方案有兩種：

1.對js,css加版本控制，例如：jquery.min.js?v=xx.xxx.xx

此種方法存在的問題是需要對版本控制進行維護，比較麻煩

2.對js,css加時間戳記

此種方法存在的問題是當js或css，更改後又被還原，但是時間戳記已經更改，而導致瀏覽器需要重新下載js,css。

 

二．md5解決js,css緩衝問題的原理

根據js,css的內容產生一個字串，當js,css發生改變的時候字串也會隨之更改。

 

三．md5的解決js,css緩衝問題for django

使用CachedStaticFilesStorage中的配置方法來實現：https://docs.djangoproject.com/en/1.6/ref/contrib/staticfiles/#django.contrib.staticfiles.storage.CachedStaticFilesStorage

1.在setting中設定

1).設定STATICFILES_STORAGE 

STATICFILES_STORAGE = ‘django.contrib.staticfiles.storage.CachedStaticFilesStorage‘

2).設定cache,memcache or ridis(至少指定一個):

CACHES = {    "default": {        "BACKEND": "redis_cache.cache.RedisCache",        "LOCATION": "127.0.0.1:6379:1",        "OPTIONS": {            "CLIENT_CLASS": "redis_cache.client.DefaultClient",        }    }}

3).設定debug=False

4).設定static_root

STATIC_ROOT = os.path.join(BASE_DIR, "static")

2.在前端頁面中加入staticfiles標籤

 {% load static  %} <link href="{% static  ‘css/bootstrap.min.css‘ %}" rel="stylesheet">

3.執行python manage.py syncdb,在static中產生MD5檔案:

4.執行結果

 

基於md5的解決js,css緩衝問題for django