在 Electron-Vue 应用程序中从 axios 响应将数据直接保存到 localStorage

Question

我正在尝试将一些数据保存到 Electron 应用程序中的 localStorage，基于 Vue.js 使用 axios，如下所示：

mounted () {
    axios.get(myURLhere).then(response => {
        let data = response.data
        data[anotherThing] = someElseDataHere
        this.localStorage['data'] = JSON.stringify(data)
    })
}

在"then"-块数据变量是正确的。但是在 localStorage data = 一些空的 Observer 对象！

我做错了什么？ "then"-block 是否不足以等到数据存储在 localStorage 中？在这种情况下，我该如何在我的代码中等待它？

Answer 1

我使用 vue-localStorage。由于某种原因，它没有正确执行数组到字符串的转换：

this.$localStorage.set('data', data) // data will be not an Array, but an Observer instance

这就是为什么我的 Object 实例存储正确，但 Arrays 出错的原因。因此，要修复它，您需要直接使用 localStorage，如下所示：

localStorage['data'] = JSON.stringify(data)

告诉我检查 localStorage 的人部分正确 - 问题还出在 localStorage 中。

在 Electron-Vue 应用程序中从 axios 响应将数据直接保存到 localStorage

Saving data directly to the localStorage from axios response in Electron-Vue application

local-storage

vue.js

electron

axios