【vuex-persistedstate】页面一直加载中，不请求接口

最新推荐文章于 2023-05-13 15:12:38 发布
最新推荐文章于 2023-05-13 15:12:38 发布
阅读量1.1k 收藏
点赞数
分类专栏： Vue 前端 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43900414/article/details/123656532
版权
Vue 同时被 2 个专栏收录
114 篇文章 3 订阅
订阅专栏
前端
76 篇文章 0 订阅
订阅专栏

为了解决刷新页面不丢失数据，引用了依赖包vuex-persistedstate，本地使用没有发现问题。

发布到线上，页面重新加载的调度时，localStorage保留了登录时获得的相同信息，并且VueDev工具上的整个Vuex Panel重置，导致页面一直处于加载中，不请求接口正常返回数据。

由此得出，这是重新加载页面而不是调用函数。

目前只能通过 router 或是浏览器缓存来存储数据，如果你们有更好的方法，可以留言到评论区，或是私信给我。

想了解 vuex-persistedstate 是怎么使用的，可以看这篇文章

卿卿qing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 加载中loading……
weixin_46037501的博客
05-20 1969
使用vue3组件的加载效果 提示：当前使用的是vue3 中的 Ant Design vue 组件 链接：https://www.antdv.com/components/spin-cn 1.html 代码如下（示例）： <div class="ant-spin-box"> <a-spin :spinning="spinning"></a-spin> </div> 2.js 代码如下（示例）： <script> import { defineCo
vue使用vuex-persistedstate插件时,遇到的问题
m0_59006402的博客
07-17 2881
这是一个做持久化的插件:vuex-persistedstate 我在做项目时,遇到一个问题,就是做下面这个功能,渲染数据的时候,因为这个数据好多个地方使用,所以呢,把它存到了vuex里面。vuex 是将数据存到了浏览器的内存中,刷新就没了 这行代码是写在vuex里面的,就是说,我直接从本地去拿数据 list: JSON.parse(window.localStorage.getItem('abc')).category.list || [] 直接看下代码: 我一开始是这样想...
VUE UI项目管理器一直加载
最新发布
yangzhimin3109050的专栏
05-13 310
网上搜到的修改.vuerc文件中的"useTaobaoRegistry": true为false没能解决问题。经过反复尝试后，发现是在因为以管理员身份运行了命令提示符。如果不以管理员身份运行cmd.exe，就能很快地完成加载。分类专栏： 学习 文章标签： vue.js vue。于 2022-03-10 20:37:55 发布。
无语vue项目进入页面初始化表格一直在加载问题
初心不改
06-22 696
vue表格加载无响应
前端vue访问接口没有权限时则页面一直加载
啊哈的博客
09-08 2648
前端vue访问接口没有权限时则页面一直加载
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
10-17
主要介绍了Vuex持久化插件(vuex-persistedstate)-解决刷新数据消失的问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vuex-persistedstate：page在页面重新加载之间坚持并重新补充您的Vuex状态
02-03
在页面重新加载之间坚持并重新补充状态。 安装 npm install --save vuex-persistedstate 版本也可以在上： < script src =" https://unpkg.com/vuex-persistedstate/dist/vuex-persistedstate.umd.js " > ...
vuex-persistedstate-使用localStorage保持Vuex状态。-Vue.js开发
05-27
vuex-persistedstate坚持并重新加载页面之间的Vuex状态。 要求Vue.js（v2.0.0 +）Vuex（v2.0.0 +）安装npm install --sav vuex-persistedstate坚持并重新加载页面之间的Vuex状态。 要求Vue.js（v2.0.0 +）Vuex（v...
vuex-persistedstate-example
04-04
Vuex-Peristend项目设置npm install编译和热重装以进行开发npm run serve编译并最小化生产npm run build整理和修复文件npm run lint自定义配置请参阅。
Vue3.0 vue ui创建vue项目，从安装到创建全套整理，以及npm ERR code EPERM报错，vue项目创建界面一直加载问题的解决
weixin_44025775的博客
05-03 1518
1 安装node.js2 安装vue2.1 安装vue.js2.2 安装webpack模板webpack -v2.3 安装脚手架vue-cli 3.x（3以上才可以使用vue ui）
vue 一直显示数据加载中的解决方案之一
热门推荐
让优秀成为一种习惯
04-08 1万+
现象描述 当页面加载的时候，一直显示“数据加载中”的loading。 解决方案之一 出现这样的原因，可能是该页面同时在加载两个或者两个以上的api数据请求，即多次调用后台接口。 解决思路： 同步执行，即是一个方法接一个方法的执行。 示例 （一）一直出现 数据加载loading 示例代码： mounted() { this.bug1(); this.bug2()...
vue ie浏览器 页面缓存 不请求接口（参数不发生改变的话，接口不请求）
好人一生平安
08-06 1057
IE浏览器第一次发请求没有问题,再发送请求时，当参数一样时，浏览器会直接使用缓存数据. 导致页面 还是原来的页面，所以在每个接口请求上加上时间戳 axios.interceptors.request.use( config => { // 时间戳 if (config.method === 'post') { config.data = { ...config....
Vue-cli项目上线服务器后 请求不能发送
Honins的博客
06-14 3674
可以使用微信的web开发工具用于移动端浏览器的测试原因：网络地址的问题，不能访问到接口方法1：将js里的请求地址改为ip地址+端口方法2：因为上线后，是放在tomcat的webapp下，地址端口是一样的，所以地址可以直接这么写：将地址改成127.0.0.1和localhost原理是一样的，他们访问的是本机本地的资源，是不成功的。...
vue项目兼容ie（页面空白、报错、不请求接口）
一只蠢村花的博客
03-29 4065
一、ES6和axios兼容 Vue 的核心框架 vuejs 本身，以及官方核心插件（VueRouter、Vuex等）均可以在 ie9 上正常使用。但axios和es6是基于promise的，ie不兼容promise，所以需要安装插件将语法转换成ie可以识别的。 下载 babel-polyfill，执行npm install babel-polyfill --save 然后在main.js中的最前...
刷新页面提示不重新发送信息，则无法刷新网页
zzxiaoma的专栏
06-19 2786
通过opener.location.reload(true);刷新页面的时候总是提示，主要是页面是通过提交数据显示的，从网上查找了一下方法 1.提交后重新进行定向。比如：Response.Redirect   "xxx.asp" 2.将查询条件所在的form的method=post改成method=get第一中没有试过，因为刷新的话必须需要动态显示东西第二个方法测试通过
解决刷新vuex数据消失的问题-- Vuex持久化插件 （vuex-persistedstate）
m0_45382009的博客
02-28 926
vuex可以进行全觉得状态管理，但是刷新后数据会消失。 1.安装 npm install vuex-persistedstate --save 2.配置 // store/index.js import createPersistedState from 'vuex-persistedstate' const store = new Vuex.Store({ //.... plugins:[createPersistedState()] }) 此插件的原理：利用本地存储 默认存入l
解决进vue element 二次进入页面不会再次调用接口请求的问题
weixin_41955516的博客
05-25 2516
activated()钩子函数可解决进入页面不会再次调用接口请求的问题 vue项目二次进入页面时，没有刷新数据，使用此钩子函数 activated()：进入当前存在activated()函数的页面时，进入页面就触发；
Vue中实现下拉加载
yueye_wu的博客
09-23 4797
代码如下，使用时复制就完事了 ## 下拉加载 created(){ // 页面创建后先请求一次数据 this.getDataList(); }, mounted(){ // 监听页面滚动 window.onscroll=this.pageScroll; }, methods:{ //请求数据方法 getDataList(){ axios.get(`请求路径`).then((res)=>{ // console.lo
vuex-persistedstate不生效
05-13
2. 检查是否已经正确配置了 `vuex-persistedstate`，在 Vuex store 的创建过程中，需要将 `vuex-persistedstate` 作为插件进行注册。示例如下： ```javascript import Vuex from 'vuex' import ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值