由于登录成功后马上跳转回主页,导致存localStorage操作与路由跳转几乎同时进行,所以跳转回主页后,localStorage还没有存入完成,获取不到用户信息,只有在刷新一下才能获取到值,如何在登陆成功后获取到呢? user.js里面将用户信息存储到localStorage中: const actions = { getUserInfo({ commit, dispatch, state }) { axios({ method: 'get', url: '/gateway/api/userInfo', headers: { 'admin-gateway-token': state.token } }).then(res => { const { data, code, msg } = res.data if (code === 0) { localStorage.setItem('userInfo', data.username) commit('SET_USERINFO', data) } else { console.log('获取人员信息失败:', res) if (res.data.code === 2000) { dispatch('app/logOut', {}, { root: true }) } Message({ type: 'error', message: '获取人员信息失败:' + msg }) } }, res => { Message({ type: 'error', message: '获取人员信息失败:' + res }) }) },
vue2项目前端,token的存放以及设置过期时间? 是选择存放在cookie中设置过期时间,还是存放在localStorage中设置过期时间,哪一个更符合需求,ps:前端初入行,没使用过cookie,不太了解,平时只用localStorage
reduxjs/toolkit刷新页面后,store 中的数据丢失怎么办? 我想放到 localstorage 中,获取的时候,判断对象是否存在,不存在就把值给 state,结果 state 不让复制,但是直接返回缓存,就失去了响应式,这该咋解决? 网上有说 redux-persist,但是这个比较老,都是 redux 的例子,大家都是怎么解决的?
我需要修改网页的信息,本地使用,是他刷新后不会变成原来的样子。 新手小白,问过Ai,Ai的解决办法是使用LocalStorage。我用的chrome浏览器。 // 获取百度一下按钮的元素 var button = document.getElementById("su"); // 定义一个函数,用于修改按钮的文本 function changeText() { // 如果 localStorage 中有保存的文本,就使用它 if (localStorage.getItem("buttonText")) { button.value = localStorage.getItem("buttonText"); } else { // 否则,就使用默认的文本 button.value = "百度一下"; } } // 调用函数,修改按钮的文本 changeText(); // 为按钮添加点击事件监听器 button.addEventListener("click", function () { // 如果按钮的文本是百度一下,就改成百一下,并保存到 localStorage 中 if (button.value == "百度一下") { button.value = "百一下"; localStorage.setItem("buttonText", "百一下"); } else { // 否则,就改回百度一下,并从 localStorage 中删除 button.value = "百度一下"; localStorage.removeItem("buttonText"); } }); 这是Ai给出的代码,使用后并没有什么变化,localStorage除了相关网站什么也没有。请问是哪里出问题了呢? 我需要把百度一下改成百度下,使其刷新也不会消失。 我问过Ai,网上大量寻找资源,却一知半解。 我希望能够修改信息。
需求是点退出后返回首页,碰到的问题是如果当前正好在首页点的退出,页面不会刷新,请问该如何处理? 加了随机参数也没用 function logout() { console.log('退出'); localStorage.removeItem('access_token'); localStorage.removeItem('refresh_token'); const hash = Math.random(); router.push({ path: '/home', query: { hash } }) .then(() => { console.log('退出成功'); }).catch(error => { console.log(error); }); }