Vue入口文件index.html缓存问题如何解决


这篇文章主要介绍“Vue入口文件index.html缓存问题如何解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Vue入口文件index.html缓存问题如何解决”文章能帮助大家解决问题。之前每次发版vue后台管理系统的时候,总是要强制刷浏览器才能生效,现在总算解决这个问题了。vue-cli里的默认配置,css和js的名字都加了哈希值,所以新版本css、js和就旧版本的名字是不同的,不会有缓存问题。但是把打包好的index.html放到服务器里去的时候,index.html在服务器端可能是有缓存的,这需要在服务器配置不让缓存index.html解决方法如下:前端在index.html中添加:nginx 配置如下:项目中引入这两个cdn。但是这两个cdn 都挂完了,后来改成了本地引用。在 pubilc 文件夹下 创建了static存放静态文件,在index.html里面引用。此时vue-router的路由模式(mode) 是 history模式。上图是刚进页面的时候请求静态文件,静态文件的指向是正确的。上面是在当前页面刷新一下出现的问题,提示引入的静态资源找不到。 一开始以为是要让后端在nginx里面添加配置。后来想想如果没配置的话 页面应该是404的。现在问题定位知道了是 路径引用的问题并且是前端的原因。查看了 vue-cli文档并且在index.html里面看到了图标的引用,刷新的时候图标没有找不到。所以免费云主机域名那两个js的引用改为(试一试)打包之后发布线上本地效果(刷新之后依旧正确) 插值 当前域名引用关于“Vue入口文件index.html缓存问题如何解决”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注百云主机行业资讯频道,小编每天都会为大家更新不同的知识点。

相关推荐: Java如何调用JavaScript脚本

今天小编给大家分享一下Java如何调用JavaScript脚本的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。有些情况下,需要java去调用js,…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 05/25 22:03
下一篇 05/26 09:04

相关推荐