使用vue开发微信公众号，解决微信缓存

最新推荐文章于 2023-10-10 15:01:20 发布
最新推荐文章于 2023-10-10 15:01:20 发布
阅读量2.5k 收藏
点赞数
文章标签： javascript 后端 前端 ViewUI
原文链接：http://www.cnblogs.com/ryans/p/7978869.html
版权
1.页面加入标红的代码，让页面不缓存
<!DOCTYPE html>
<html manifest="IGNORE.manifest">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
2.路径url后面加参数： xxx.html->xxx.html?123456   xxx.js->xxx.js?12345  xxx.css->xxx.css?12345
3.按钮链接是后端通过获取openId等操作后，从定向到前端的lonin或index页面的时候，在从定向的url后也得加version：login.html -》login.html?12345

转载于:https://www.cnblogs.com/ryans/p/7978869.html

weixin_30920853
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解Vue微信公众号开发踩坑全记录
08-29
本篇文章主要介绍了详解Vue微信公众号开发踩坑全记录，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目实战+PHP接口开发（微信扫码关注实现自动登陆）
06-19
二、如何使用微信接口开发，如获取临时二维码，获取用户基础信息，监听公众号关注以及扫描事件 三、如何使用redis对数据进行缓存 四、如何使用php原生代码进行接口的开发 五、如何使用laralvel 7.x 框架进行接口...
解决vue项目在微信公众号和小程序里的缓存问题
phplife的电子商务网上商城专栏
04-19 4986
Vue项目在微信公从号和微信的小程序的webview里加载的时候总是因为缓存的原因导致各种问题 在nginx 的vhost配置主机配置里增加 location ~ ^/.*\.htm { add_header Cache-Control "no-cache, no-store, must-revalidate, proxy-revalidate, max-age=0"; expires -1; } 调整完成后最好用 nginx -t 测试一下配置文件是否有问题，如
vue项目微信端清理缓存问题解决
weixin_30360497的博客
09-17 4183
vue为单页面前端框架，清理缓存，常规的方式是添加html头部meta，如果逻辑里面是需要使用缓存的，这种方式不建议使用，代码片段如下： <html manifest="IGNORE.manifest"> <head> <meta charset="utf-8"> <meta name="viewport" content=...
微信公众号跳转H5(vue)有缓存不更新
最新发布
callBack_____的博客
10-10 1004
是因为 微信浏览器缓存的问题 你打包之后最新的文件名 和之前的那版文件名 一样 浏览器就认为是之前的东西 就会从缓存里查找 怎么解决？每次更新H5有新功能 或者页面有变化的时候 打包之后 重新部署 公众号在跳转到H5 发现还是之前的版本 并没有更新 这是为什么那？将打包后的文件名 都加上时间戳。
vue 微信浏览器缓存问题解决方案
养猪场老板的博客
07-21 4147
1. 试过js、css打包时添加时间戳，因为打包后每次都是新名字的文件，所以感觉加不加时间戳都没有效果 试了一下果然 原因应该是微信浏览器缓存了index.html, 所以打开缓存的页面根本没有任何请求 2. 试过index.html添加meta标签，设置不缓存页面，亲测也无效 3. index.html 试过添加参数，本以为微信浏览器会认为是一个新页面， 但是无果 4. js 间隔时间自动刷新window.location.href 体验不好，还是去掉了 5. 既然前端试了很多种办法 还是无效，
vue项目，代码部署之后，如何解决浏览器存在缓存问题
yinge0508的博客
12-20 1234
cvc
微信公众号VUE页面缓存
12-31 2300
清除VUE微信公众号页面缓存 主要由该配置实现 add_header Last-Modified $date_gmt; 以下为完整配置 location / { root /opt/static/xxxx; index index.html; autoindex on; directio 512; output_buffers 1 128k; open_file_...
Vue + 微信公众网页开发 项目缓存问题
深度
03-01 895
查了半天 有一种方式是在nginx端禁用掉缓存, 由于启动nginx有一堆参数 我不敢动 所以就搁置了 现在采用了加版本号机制, 每次上线后, 手动更新一次微信公众底部菜单栏下的链接 因为我们的公众号已经是采用接口配置了, 所以就直接是给前端封装一个接口, 每次上线的时候 他在浏览器访问一下这个链接即可, 不会太麻烦 , 也很完美, 用户依然可以享受缓存带来的速度 这是原本的接口 就放一下更新菜单的代码, 代码有点乱(不是我写的, 我就写不出 不会写 不知道怎么写出不好的代码) 首先是获取a.
vue中解决微信html5原生ios虚拟键返回不刷新问题
01-18
做微信h5页面时，经过了微信授权才跳转到一级默认路由home.vue中，因此在home页面时在IOS中底部会出现虚拟的返回键，安卓上不会出现。且在IOS点击返回时会跳转到home空白页面不重新加载，但是在安卓机上点击返回键会...
微信浏览器取消缓存的方法
12-13
做微信公众号和调试手机页面的时候，避免不了页面要跳转到微信浏览器打开，调试阶段，android版微信浏览器一直都默认缓存html静态资源，每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能更新，很多时候要清理微信缓存才能看到效果，很是烦人。部分客户装了QQ浏览器，微信实际调用的是QQ浏览器，有时候甚至光清理微信缓存都无效，QQ浏览器的缓存也要清。 经过一番探索微信浏览器确实是在webview的上层做的缓存：就是如果请求过了这个地址，就会存在本地，之后不取线上了。 解决方案是在调试阶段或者频繁更新的页面加入以下头信息 复制代码代码如下:<meta http-equiv=”Cache
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
10-16
主要介绍了解决微信浏览器缓存站点入口文件(IIS部署Vue项目),本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vue.js 微信浏览器缓存入口页面index.html问题
人称帅哥的专栏
02-14 9200
问题场景：         1.线上部署nginx直接指向前端文件路径，nginx核心配置如下： location /front/ { try_files $uri $uri/ /front/index.html; root /root/html/front; }          2.前端每次发布新版时，通过微信浏览器访问原来链接 www.fro...
Vue打包时解决浏览器的缓存问题
weixin_42502300的博客
10-20 262
【代码】Vue打包时解决浏览器的缓存问题。
Vue项目线上发布，都有缓存不生效怎么办？
qq_34701838的博客
05-25 6444
前言： 每次把修改后的vue项目build构建的打包文件丢到线上服务器后，发现还是上一次的效果，新修改的不起效，每次都需要ctrl+F5强制刷新页面，用户太多不可能让所有人每次都这样去折腾，为啥？ vue cli不是给静态资源css、js、img自动加了哈希么，怎么还会有缓存？ 经过多方调试，发现是因为入口文件index.html需要在服务器端设置禁止缓存。 解决缓存问题可以分两步走： ①nginx配置index不缓存 ②代码加入版本更新检测强制刷新 解决方案一：（Linux服务器设置
vue-cli项目发布新版本，微信缓存了旧版本文件，导致页面白屏
老夫风清扬的博客
06-12 1437
案发小现场 小前端加班加点的终于把当前迭代的东西做好，并且无bug的通过测试，心情美滋滋。非常自信的更新到了生产环境。不到半小时的时间，大领导走到前端部门吼道：“怎么线上页面挂了”。我默默打开手机一看，不是正常么，没有挂啊。事后得知部分用户才会出现白屏问题，什么情况下会复现，我就不得而知了，有知道的小伙伴可以留言相告。 问题描述：vue-cli项目线上发布了新版本后，部分手机微信，出现页面白屏或者点击页面无法交互了。 问题解析：微信缓存了旧版本的文件，导致文件404。 解决方案： ps：之前看过很多方案，全
微信 vue html缓存,vue项目微信端清理缓存问题解决(示例代码)
weixin_39886929的博客
06-04 539
vue为单页面前端框架，清理缓存，常规的方式是添加html头部meta，如果逻辑里面是需要使用缓存的，这种方式不建议使用，代码片段如下：......第二种方式就是在文件名后添加随机数，可以在路由里面进行设置，但如果路由是需要带参数的，会有影响const routes = [{ path: ‘/‘, redirect: ‘/userInfo‘},{ path: ‘/home‘,component:h...
vue.js 微信开发公众号，页面空白，刷新正常的缓存问题解决办法
sasha
10-26 770
链接 https://www.darlang.com/2020/08/vue-js-weixinkaifagongzhonghaoyemiankongbaishuaxinzhengchangdehuancunwentijiejuebanfa/
解决Vue(2.0) 项目 打包后发布线上会有缓存问题
weixin_46898766的博客
07-17 1488
解决Vue项目发包后线上会有缓存问题
vue3在微信小程序中的bug
05-12
目前，Vue 3 在微信小程序中仍然存在一些问题和 Bug。以下是一些已知的问题： 1. 在微信小程序中，使用 v-model 时，当输入框失去焦点时，数据不会被同步更新到父组件。 2. 在微信小程序中，使用 v-for 渲染列表时，列表中的组件可能会在滚动时闪烁。 3. 在微信小程序中，使用 keep-alive 缓存组件时，组件的生命周期钩子可能会不正常触发。 4. 在微信小程序中，使用 v-show 时，显示和隐藏组件的性能可能会受到影响。 5. 在微信小程序中，使用 Vue Router 时，路由切换时可能会出现页面空白的问题。 为了解决这些问题，你可以尝试使用一些第三方库或者自己手动处理。例如，你可以使用 mpvue 或者 uni-app 等框架来支持 Vue 3 在微信小程序中的开发。此外，你还可以手动监听事件、使用原生组件替代 Vue 组件等方式来解决这些问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值