- 博客(6)
- 收藏
- 关注
RSS订阅原创 解决 Vite 部署后文件指纹变化导致页面卡死的问题
Vite 在构建时会给文件名添加哈希值（如 main.[hash].js） 每次构建后哈希值会变化 如果用户停留在旧页面 加载旧文件会返回 404 可能导致页面卡死或功能异常。通过监听 vite:preloadError 事件 可以捕获加载失败的情况 结合 文件指纹比对 判断是否由于版本更新导致错误 从而提示用户刷新页面。2.监听资源加载错误 在 vite:preloadError 事件中重新获取文件指纹。指纹相同：错误由其他原因引起（如网络问题）。指纹不同：文件已更新，提示用户刷新页面。
2024-12-03 16:05:08
434
1
原创 env全局环境变量在webpack 或 vite 中使用方式
env文件是用来配置应用程序中的全局变量的文件通常用于根据应用程序运行的环境比如或设置不同的参数例如： 请求的地址或者其他配置信息 这样做可以防止因为忘记修改配置而导致不必要的问题或操作将env创建在项目根目录易于访问和管理:.env：全局默认配置文件，无论什么环境都会加载合并。.env.development：开发环境的配置文件.env.production：生产环境的配置文件。
2024-06-26 16:09:14
1011
原创 在vue项目中刷新页面下的子组件
当一个Vue组件的key值发生改变时，Vue会认为这是一个新的组件，需要重新渲染DOM。这是因为Vue中的key是用来标识虚拟DOM节点的唯一性的，如果key值改变，那么Vue会认为这是一个新的节点，需要重新创建并渲染。v-if 可以销毁或者重建一个DOM 利用这一点 当 v-if 为 true 时可以触发Vue 创建前后 挂载前后 的生命周期 当 v-if 为 false 时可以触发Vue的销毁前后的生命周期。利用这一特性可以重载刷新子组件 (不推荐 因为可能会短暂让节点消失)
2023-03-22 23:28:40
2309
原创 vue uniapp将封装好的接口批量挂载到原型上
*webpack4以前附带了许多node.js核心模块的polyfill 在构建时给 bundle附加了庞大的polyfills 在大部分情况下polyfills并不是必须 现在webpack5在模块应用中不再引入polyfills 所以需要单独引入配置。这样在开发途中发请求只需要使用指针点出来就可以了 就不用每次去用 import 引入接口发请求 效率更高。利用循环把目录下的接口文件全部挂载到原型。
2023-03-17 20:45:19
693
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人