我们都知道，对于node来说，前端vue代码的迭代节奏是很快的，可能一周要迭代几次，但是node的迭代却没那么平凡，可能一周更新一次甚至更久，那么为了node服务的稳定，减少node服务的发布次数，是非常有用的。 配置中心是肯定需要的，因为需要通过配置不同的资源版本号，来通知node服务更新服务上的版本号 那么 我们的vue代码 要如何改造才能实现热更新呢？ 我们就以vue官方给的例子来看以下代码
转载
2024-04-24 14:29:48
102阅读
提到热更新，首先我们要有一个概念：Vue有热更新模块，而webpack也有它的HRM模块（HotModuleReplacement）。Vue热更新是基于webpack的热更新之下的粒度更小的更新，它是依托于webpack-dev-middleware对文件的监听的，是整个webpack热更新的一部分。所以想要理解Vue的热更新，必须先要了解webpack HMR的一个流程。 webpac
转载
2023-09-08 06:38:18
221阅读
依据官网使用 webpack 的 Hot Module Replacement API
原创
2022-09-09 08:35:51
432阅读
大家都用过 Vue-CLI 创建 vue 应用，在开发的时候我们修改了 vue 文件，保存了文件，浏览器上就自动更新出我们写的组件内容，非常的顺滑流畅，大大提高了开发效率。想知道这背后是怎么实现的吗，其实代码并不复杂。这个功能的实现底层用了vue-hot-load-api[1]这个库，得益于 vue 的良好设计，热更新的实现总共就一个 js 文件，200 行代码，绰绰有余。而在这个库里涉及到的技巧
# Docker 热更新 Vue 应用的实现
在现代 web 开发中，Docker 是一种越来越流行的容器化技术，它可以帮助开发者在任何环境中统一应用部署。而 Vue.js 是一款广受欢迎的前端框架，这使得结合这两者成为了开发者的优选解决方案。通过 Docker 热更新 Vue 应用，开发者可以大大提高开发效率，实时预览代码更改，避免重复构建和重启容器的烦恼。
## 什么是 Docker 热更
原创
2024-10-31 06:08:27
173阅读
1、在项目根目录下创建vue.config.js 2、复制代码 module.exports = { devServer: { // --open --contentBase src --port 3000 --hot", open: true, contentBase: 'src', port: ...
转载
2021-09-23 16:57:00
3749阅读
2评论
# iOS 热更新与 Vue 的结合
在移动应用开发中，热更新是一项重要技术，尤其是在 iOS 开发中。热更新允许开发者在不提交 App Store 更新的情况下，对应用程序进行修复和功能更新。本文将探讨 iOS 热更新的基本概念，并结合 Vue 进行具体实现。
## 什么是热更新？
热更新，顾名思义，是指在应用程序运行时将更新内容下载并应用到当前运行的程序中，而无需重新安装整个应用。这对于
# Vue iOS 热更新：让应用更加灵活
随着移动应用的普及，用户对应用的更新速度和体验要求越来越高。热更新作为一种无需重新下载安装包即可更新应用内容的技术，越来越受到开发者和用户的青睐。本文将介绍如何在 Vue 项目中实现 iOS 平台的热更新。
## 什么是热更新？
热更新，又称为热修复或热补丁，是一种在应用运行时动态更新应用内容的技术。它允许开发者在不发布新版本的情况下，修复应用中的
原创
2024-07-26 09:41:51
58阅读
Vue项目热部署-环境配置先打开node.js的官网 https://nodejs.org/en/点击DOWNLOADSLTS是长期维护的一个版本，Current是最新版。我们一般选LTS选择自己对应的系统进行安装即可。傻瓜式下一步安装。cmd进入运行界面，通过两个命令查看是否安装成功。npm是node下载时自带的一个工具。注册码云https://gitee.com/ 用于放我们的代码，或者工作中
转载
2024-01-22 19:54:35
43阅读
vue.js在命令中使用--inline --hot进行热更新配置，需要下载vue-hot-reload-api组件 也可以试试： 使用spri
原创
2023-05-11 11:10:03
2023阅读
redis cluster集群构建流程：1.准备节点（docker-compose 编排构建redis主从节点）2.节点握手（通过Gssip[流言协议]握手）–>（cluster meet IP port–>cluster meet 192.168.11.43 6391）–>(redis-cli客户端执行)3.配置节点的主从关系(redis-cli -h ip port[从节点端
转载
2024-09-17 10:28:05
81阅读
vue项目在docker容器中开发的尝试docker的安装及node镜像拉取容器运行项目创建一个vue项目到本地目录启动一个容器使用node镜像,并将本地项目映射到容器内目录在容器中 下载依赖并运行项目遇到的问题总结 首先，这里先给个结论，本地不安装任何环境，通过跑一个docker container，image 使用 node。可以用于开发vue项目，可能由于本人电脑配置问题，运行起来会比较
转载
2023-08-18 17:17:49
257阅读
Vue前端项目增量更新Vue前端项目打包时会将项目页面代码封装成一个个的js和css，命名规则为chunk+哈希值。 当页面代码有变动并重新打包时，webpack只会更新有变动的文件，并更新文件名称里的哈希值，其他的文件并不会更新，根据这一特性，可以实现vue前端项目增量更新。 操作步骤如下： 1、 上一版本的打包文件命名为dist1，并重新打包前端项目（生成文件默认为dist）。如图将执行程序拷
转载
2024-04-01 07:06:14
240阅读
只需要运行下面的命令即可：
原创
2021-08-06 16:52:33
511阅读
解决Vue热更新失效一、问题描述二、出现原因三、解决方案四、总结 一、问题描述之前在本地测试Vue项目时，是可以热更新的，但是最近一段时间发现Vue的热更新失效了。然后通过vs code查看控制台，发现编译没有报错，然后查看浏览器控制台，发现控制台输出了一个报错，如下图所示：然后点进去发现是这里报的错误，如图所示： 说明：这个文件可以在 node_modules\sockjs-client\di
本文列出Vue3比较重要的几点更新，博客基于Vue3起步目录结构：-——-src
----|--main.js
----|--App.vue
--index.html
--package.json
--vite.config.js依赖包：npm install vite @vitejs/plugin-vue -D
npm install vue@next -Spackage.json："scrip
转载
2024-03-19 08:34:49
156阅读
1、 socket -client 中的那一行 注释掉会影响 node_modules\sockjs-client\dist\sockjs.js self.xhr.send(payload); 2、vue.config.js 配置 devServer chainWebpack: (config) = ...
转载
2021-09-16 17:07:00
844阅读
2评论
# Vue框架实现iOS热更新效果的探究
在移动应用程序的开发中，热更新是一个重要的功能，它可以在不需要用户下载完整应用的情况下，对现有应用进行更新。对于使用Vue框架的开发者来说，通过某些工具和技术，我们也可以实现类似的效果。本文将探讨如何在Vue应用中实现iOS的热更新效果，并附上代码示例和状态图、甘特图。
## 什么是热更新？
热更新是一种快速部署代码更改的技术，使得用户在使用应用时能
一、什么是VUE？ 它是一个构建用户界面的JAVASCRIPt框架 vue不关心你页面上的是什么标签，它操作的是变量或属性为什么要使用VUE？ 在前后端分离的时候，后端只返回json数据，再没有render方法，前端发送ajax请求（api=url）得到数据后，要在页面渲染数据，如果你js+css实现就太麻烦了，这时候VUE就出现了。二、怎么样使用VUE1）引入vu
转载
2023-10-29 15:33:55
54阅读
Docker部署vue项目 补充1：docker部署vue项目补充2： Docker镜像+nginx 部署 vue 项目-完整版本 server {
listen 80;
server_name localhost;
#charset koi8-r;
access_log /var/log/nginx/host.acc
转载
2024-08-16 11:10:49
145阅读
