diff --git a/src/App.vue b/src/App.vue
index dd15e5d8dce807ff5e6168979fd95095a1b9fb38..60bcc064f41f8bedf528c98bf6ddc22e60acecbd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -414,9 +414,9 @@ export default {
         for (let id = start; id < end; id++) {
           tmpHistory.push(this.message[id])
         }
-        StorageApi.set(this.history.name, cacheKey, JSON.stringify(tmpHistory))
+        StorageApi.put(this.history.name, cacheKey, JSON.stringify(tmpHistory))
       } else {
-        StorageApi.set(this.history.name, cacheKey, JSON.stringify(this.message))
+        StorageApi.put(this.history.name, cacheKey, JSON.stringify(this.message))
       }
 
     },
diff --git a/src/js/storage.js b/src/js/storage.js
index 0973562a92cf2ae2d399a502ad76095f1b040609..9c81ffb870bb67f534cd15dd9fc0a69966317e35 100644
--- a/src/js/storage.js
+++ b/src/js/storage.js
@@ -49,6 +49,25 @@ export default {
 			}
 		})
 	},
+	put(tableName = defaultTableName, key, val, id = 100){
+		let request = db.transaction(tableName, 'readwrite')
+		          .objectStore(tableName)
+		          .put({
+					  id: id,
+					  key: key,
+					  data: val
+				  })
+		return new Promise((resolve, reject) => {
+			request.onsuccess = (event) => {
+				console.info('添加成功', event)
+				resolve(event)
+			}
+			request.onerror = (event) => {
+				console.info('添加失败')
+				reject(event)
+			}
+		})
+	},
 	getAll(tableName = defaultTableName){
 		let request = db.transaction(tableName, 'readwrite')
 		          .objectStore(tableName)