vue 项目每一次打包上线，都会有浏览器缓存问题，需要用户手动清除缓存，十分麻烦。
原创
2022-09-04 00:18:10
1724阅读
关于vue打包问题：
原创
2021-05-27 22:54:08
786阅读
关于vue打包问题：
原创
2021-05-27 22:54:48
817阅读
问题描述大家用vue脚手架搭建前端工程时，常被缓存问题所困扰，具体的表现就是，当程序版本升级时，用户因为缓存访问的还是老的页面，然后很多同学很暴力的直接在index.html中加入了这几行代码： <meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<
转载
2024-04-29 09:41:01
274阅读
1.keep-alive是什么 keep-alive是Vue提供的一个（抽象）组件2. keep-alive 在vue中起到什么作用先来看看官网对keep-alive的一些功能说明：组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题。就可以使用到keep-alive，它可以用来进行动态组件的缓存组件复用，提高性能 缓存不太使用的组件，而不是直接
转载
2024-06-17 15:44:16
158阅读
前端在入口页面index.html中加入以下代码，但是经过测试 ,好像只需要配置nginx就可以了 <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="pragma" content="no-cache">
需求在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时这条视频的收藏状态也需要更新, 但是从其他页面进来视频列表页面的时候不缓存这个页面，也就是进入的时候是视频列表页面的第一页一句话总结一下： pageAList->pageADetail->pageAList, 缓存
转载
2023-08-27 22:48:22
138阅读
在Vue开发中遇到打包部署之后总是要手动清除浏览器缓存数据的问题，此问题可以用下方式： 1、package.json文件中有一个管理版本号属性：version，在我们每次打包部署之前修改当前版本号 2、在入口文件main.js文件中，加入版本号的判断逻辑，版本号不一致就重新加载，代码如下： cons ...
转载
2021-08-02 16:56:00
3816阅读
2评论
先给一种原始的方法sessionStorage或者localStorage先说一下实现原理：比如分页，你从第2页进入详情页返回为了方便用户体验，肯定最好能回到当前这一页我用的分页是elementui的分页，可以在分页切换的时候把页码缓存下来handleCurrentChange(val){
this.listQuery.pageNo=val;
sessionStorage.
转载
2023-10-12 07:15:03
189阅读
vue.config.js configureWebpack: { output: { filename: `js/[name].[hash].js`, chunkFilename: `js/[name].[hash].js`, }, }, ...
转载
2021-09-23 11:54:00
750阅读
2评论
配置如下server { listen 80; server_name localhost;
原创
2022-02-28 17:20:55
4136阅读
Vue.js 是一个流行的前端框架，许多开发者使用它来构建现代的 Web 应用程序。在移动开发中，Vue.js 也被广泛应用于 iOS 端的开发中。然而，在使用 Vue.js 进行 iOS 端开发时，开发者可能会遇到一些缓存问题。
## 什么是缓存问题？
在 iOS 端的开发中，缓存问题是指应用程序中的某些资源被错误地存储在设备上，导致应用程序出现异常或性能下降。这可能会影响用户体验，甚至导致
原创
2024-06-22 03:57:07
216阅读
需求在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时这条视频的收藏状态也需要更新, 但是从其他页面进来视频列表页面的时候不缓存这个页面，也就是进入的时候是视频列表页面的第一页 一句话总结一下： pageAList->pageADetail->pageAList,
转载
2024-06-13 14:58:41
1400阅读
vue-cli3以后，我们修改webpack配置，需要自己在项目根路径下创建vue.config.js文件。一、 配置 proxy 跨域使用vue-cli发开项目，在本地开发环境中，如果遇到跨域的问题。可以通过配置proxy的方式，解决跨域问题：module.exports = {
devServer: {
open: false, // 自动启动浏览器
host: '0.0.0.
有三个页面，upload到chart到three，我想实现chart到three ，返回时chart缓存不刷新，upload到chart时，chart不缓存，这个怎么实现首先你可以给 chart 页面配置一个 noCache 参数，标记该页面是否需要缓存：{
path: '/chart',
name: 'chart',
component:
原创
2023-07-22 13:11:55
211阅读
# Vue项目解决iOS缓存问题
在Web开发中，缓存是一个很重要但又容易造成问题的特性。尤其是在iOS设备上，浏览器的缓存机制可能会导致一些开发者遇到意想不到的问题，尤其是在使用Vue框架时。本文将探讨如何在Vue项目中有效解决iOS设备的缓存问题，同时提供一些代码示例和状态图、序列图来帮助理解。
## iOS缓存机制问题
iOS设备（尤其是Safari）在某些情况下会对页面进行过度缓存，
# Vue项目在iOS中的缓存问题解决指南
作为一名开发者，iOS设备上存在缓存问题是我们经常遇到的挑战。这样的问题可能导致用户看到过期的信息或无法加载最新的应用内容。本文将详细介绍如何在使用Vue时解决iOS缓存问题，包括步骤和代码示例。
## 处理iOS缓存问题的流程
以下是我们解决iOS缓存问题的基本流程：
| 步骤 | 说明 |
|------|------|
| 1 | 确
概念keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。作用在组件切换过程中 把切换出去的组件保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性原理在 created钩子函数调用时将需要缓存的
转载
2024-09-15 20:40:01
74阅读
第一步，html增加meta标签 <meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
第二步，修改打包之后的js、css、image的命名规则在vue.config.js种修
原创
2024-10-15 14:45:14
208阅读
在项目中经常会遇到需要设置部分页面缓存，在路由切换时，不必每次都拉取接口更新，这样可以很大程度的提升用户体验，也可以减少接口请求次数，降低服务器消耗；首先我们先了解下vue这个框架在页面缓存知识1：keep-alive 组件； 说明： 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们；
|- include 属性 说明： 只要include包含组件nam
转载
2024-05-29 10:16:42
116阅读
