Vue框架在项目开发中如何实现组件的复用？

本文共计1004个文字，预计阅读时间需要5分钟。

目录+部署上线+清除浏览器缓存+修改根目录index.+配置nginx+不缓存+打包的文件路径添加时间戳+Vue项目部署，清理缓存+上线后清除浏览器缓存+Vue项目+打包上线后，每次都

目录

• 部署上线清除浏览器缓存
• 修改根目录index.html
• 配置 nginx 不缓存 html
• 打包的文件路径添加时间戳
• vue项目部署,清理缓存方式

部署上线清除浏览器缓存

vue 项目打包上线之后，每一次都会有浏览器缓存问题，需要手动的清除缓存。这样用户体验非常不好，所以我们在打包部署的时候需要尽量避免浏览器的缓存。

下面是我的解决方案：

修改根目录index.html

在 head 里面添加下面代码

<meta http-equiv="pragram" content="no-cache"> <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">

这种会让所有的css/js资源重新加载

配置 nginx 不缓存 html

vue默认配置，打包后css和js的名字后面都加了哈希值，不会有缓存问题。