网站地图    收藏   

主页 > 前端 > vue教程 >

解决微信浏览器缓存站点入口文件(IIS部署Vue项目)

来源:自学PHP网    时间:2019-07-23 15:24 作者:小飞侠 阅读:

[导读] 解决微信浏览器缓存站点入口文件(IIS部署Vue项目)...

最近开发的微信公众号项目中(项目采用Vue + Vux 构建,站点部署在IIS8.5上),遇到个非常奇葩的问题,发布站点内容后,通过微信打开网址发现是空白页面(后来验证是微信浏览器缓存了入口文件-index.html,顾之前版本的index页面找不到对应的js,因为我们每次发布会将之前的版本放至另外的备份目录),但关闭网页再次去打开又是正常的。最初开发内部测试时该问题没有引起关注,因为开发人员大部分都是android的手机,后来测试发现,某些android机型不是必现此问题,但是苹果(IOS)机型,每次都是必然发生。百度千百回#

1. Vue项目打包发布时,文件加上版本号#

output: {
  path: config.build.assetsRoot,
  filename: utils.assetsPath('js/[name].[chunkhash].js'),
  chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
 },
'js/[id].[chunkhash]'+ new Date().getTime() +'.js'2. 尝试将Vue-Router 的history模式改为hash模式#

后来验证这是完全的错误思路,失败次数2。3. 路由跳转前拦截处理#

router.beforeEach((to, from, next){
  // 实现某些跳转逻辑
}4. 给微信公众号菜单链接加上特定版本号#
http://yqwx.xx.com/index.html?vt=12345. 尝试将站点部署到nginx上#
location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|js)$ {
  root  /mnt/dat1/test/tes-app;
  #### kill cache
  add_header Last-Modified $date_gmt;
  add_header Cache-Control 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';
  if_modified_since off;
  expires off;
  etag off;
}蓦然回首,它在此处#
http响应头http响应标头总结

以上所述是小编给大家介绍的解决微信浏览器缓存站点入口文件(IIS部署Vue项目),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论