local-storage 相关问题

LocalStorage是一种使用JavaScript存储持久数据的方法（另请参见：SessionStorage）。

const [当前用户，setCurrentUser] = useState(未定义) 使用效果（（）=> { 异步函数 fetchdata() { const storeUser = localStorage.getItem("聊天应用程序用户"); ...

javascript reactjs local-storage react-state react-effects

回答 1 投票 0

Safari 设置 iframe 内的 localStorage 未正确共享

我有 example.com，它托管一个 iframe 到 app.example.com/signup。每当 app.example.com/signup 加载时，我想从 iframe 中为 app.example.com 设置一个 localStorage 项： ----------...

javascript html cookies iframe local-storage

回答 2 投票 0

在 HTML5 LocalStorage 中存储密码

我需要将密码存储在 HTML5 LocalStorage 中（不，我不能使用哈希值，也不能要求用户输入密码）。最安全的方法是什么？我明白这永远不可能

security html google-chrome google-chrome-extension local-storage

回答 2 投票 0

Vue useStorage (usevue) 始终以干净的方式启动，而不是在 Pinia 存储中导入状态

我在 vitesse-nuxt3 之上构建了我的应用程序，除了尝试通过 vueuse 使用 LocalStorage 之外，一切都很顺利。成分： const { 测试 } = useTestStore() &...</desc> <question vote="0"> 我在<pre><code>vitesse-nuxt3</code></pre>之上构建了我的应用程序，除了尝试通过<pre><code>vueuse</code></pre>使用LocalStorage之外，一切都很顺利。 组件： <pre><code><script setup lang="ts"> const { test } = useTestStore() </script> <template> <div> <pre>{{ test }}</pre> <hr> <input :id="slug" v-model="value" type="text" > </div> </template> </code></pre> Pinia 商店： <pre><code>import { acceptHMRUpdate, defineStore } from 'pinia' import { useStorage } from '@vueuse/core' export const useTestStore = defineStore('test', () => { const test = ref( useStorage('test', { initials: 'It is initials', }), ) return ({ test, }) }) if (import.meta.hot) import.meta.hot.accept(acceptHMRUpdate(useTestStore, import.meta.hot)) </code></pre> 我看着它设置数据（在 Chrome 的开发工具中），但它总是重新加载默认数据，而不是在刷新之间保留。 谢谢你。 </question> <answer tick="true" vote="2"> 您的 <a href="https://stackblitz.com/edit/github-mgbef6-gfkpou" rel="nofollow noreferrer">demo</a> 中的问题是该组件是在服务器端渲染的，服务器端没有本地存储，因此 <a href="https://github.com/vueuse/vueuse/blob/73cc5c2/packages/core/useStorage/index.ts#L142-L143" rel="nofollow noreferrer"><pre><code>useStorage()</code></pre> 默认为给定的初始值</a>。 一种解决方法是仅在客户端上渲染组件，使用 <a href="https://v3.nuxtjs.org/guide/directory-structure/components#clientonly-component" rel="nofollow noreferrer"><pre><code><client-only></code></pre> 组件</a>: <pre><code><client-only> <component-that-uses-local-storage /> </client-only> </code></pre> <a href="https://stackblitz.com/edit/vueuse-usestorage-nuxt3?file=pages%2Findex.vue" rel="nofollow noreferrer">演示</a> 或者，如果您在 pinia 商店中使用 <pre><code>useStorage()</code></pre>，您可以跳过水合以避免服务器端生成的状态进入客户端，请参阅<a href="https://pinia.vuejs.org/cookbook/composables.html#ssr" rel="nofollow noreferrer">此处</a>。 <pre><code>export const useTestStore = defineStore('test', () => { const test = useStorage('test', { initials: 'It is initials', }) return { test: skipHydrate(test), ) }) </code></pre> </answer> <answer tick="false" vote="-1"> 对于像@tony19所说的这样的商店 <pre><code>export const useAuthStore = defineStore({ id: 'auth.store', state: () => { token: { accessToken: useStorage('accessToken', [XXXX], undefined, { serializer: StorageSerializers.object }), refreshToken: useStorage('refreshToken', [YYYY], undefined, { serializer: StorageSerializers.object }) }, }, }) </code></pre> <pre><code>[XXXX]</code></pre> <pre><code>[YYYY]</code></pre> 为默认值 ssr之后<pre><code>pinia.state.value</code></pre>变成 <pre><code>window.__INITIAL_SSR_CONTEXT__ = { state: { "auth.store": { "token":{ "accessToken":[XXXX], "refreshToken":[YYYY] } } } } </code></pre> 在客户端重新设计 json 对象以像这样存储 <pre><code>const ssr_state = (window as any)['__INITIAL_SSR_CONTEXT__']?.['state'] if (ssr_state) { pinia.state.value = ssr_state } </code></pre> 因此 <pre><code>accessToken</code></pre>、<pre><code>refreshToken</code></pre> 属性更改为客户端的计划对象，您可以更改它，但存储不会更新。 我的解决方案： 添加一个动作来存储 <pre><code>actions:{ // ... // call this once when isSSR is true on client side entry reasignToken() { this.token = { accessToken: useStorage('accessToken', this.token.accessToken, undefined, { serializer: StorageSerializers.object }), refreshToken: useStorage('refreshToken', this.token.refreshToken, undefined, { serializer: StorageSerializers.object }) } }, // regular call on server side and client side setToken(token) { //... } } </code></pre> </answer> </body></html>

vue.js local-storage vuejs3 pinia vueuse

回答 0 投票 0

JavaScript 字符串拼接似乎不起作用

我正在尝试保存 Bootstrap Collapses 的展开/折叠状态。我将其保存在 LocalStorage 中并从中读取。 $(".content-accordion-content").each(function (index) {...

javascript arrays string algorithm local-storage

回答 2 投票 0

如何在 Laravel 身份验证中间件重定向之前将链接存储在 localStorage 中？

我正在开发一个 Laravel 应用程序，我需要处理邀请链接。这是要求：邀请链接如下所示：https://example.com/{task_id}/{random_task_link}。当你...

javascript php laravel local-storage

回答 1 投票 0

React 中页面刷新时保留当前主题的问题

我正在使用 React 构建一个编程教程网站。每个内容页面都有一个侧边栏和一个主要内容部分，其中包含用于导航主题的“上一个”和“下一个”按钮。然而，