vitetransformmiddleware vite node node_modules
node版本管理工具推荐
hello，今天给大家分享几款 node 版本管理的工具。 背景 在开发前端项目的时候，特别是新到公司接手一个多年维护的老项目时，如果 node 版本不正确，有的插件可能无法正确安装，比如我之前提到的 node-sass 无法安装问题，具体请看：https://www.cnblogs.com/eas ......
vite 分包配置
一、默认打包结果 二、配置 node_modules 打到一个文件 结果 配置 // vite.config.js export default defineConfig(({ mode }: ConfigEnv): UserConfig => { const root = process.cwd( ......
解决vite 文件的部分热更新问题
项目中的文件，在写代码的时候突然不能热更新了，使用的是vite + vue3 可能是点击文件夹的时候不小心改变了文件名的大小写导致的，因为这个不能热更新，搞了好久，每次写完代码，都要重启项目才能看到改变。看到网上都说是文件名的引入导致的，检查了代码，果然是这个原因。 ......
vite_打包去除console
依赖版本 "vite": "^5.0.10" 在vite.config.js中写入以下 export default defineConfig({ plugins: [ vue(), ], // 添加以下配置去除打包后的代码中的console build: { minify: 'terser', t ......
node.js 安装与环境变量配置
一、安装node.js 官网：下载地址 历史版本：历史版本下载地址 下载完毕后，可以安装node，一路默认选项即可。这里我的安装路径是：D:\environment\nodejs。 建议不要安装在系统盘（如C：），建议安装的路径不要有中文。 二、设置nodejs prefix（全局）和cache（缓 ......
Vite构建基本配置
通过vite.config.js 暴露出defineConfig函数实现构造，vite会读取defineConfig返回的配置对象，配置对象需要自行编写 defineConfig 该函数是vite工具助手函数，用来读取构建配置，其返回一个配置参数对象 通过查看源码得知，vite配置有以下可选非必要内 ......
node版本过高产生的启动不起来
今天在用开源框架时发现的vue是使用的vue2，而自己的Node.js又过高 ，出现如图报错： 那么该如何解决这个问题呢？ 其实很简单 在目录中找到找到package.json 加入这样一段代码就行了 "serve": "set NODE_OPTIONS=\"--openssl-legacy-pro ......
k8s集群Node节点管理：节点信息查看及节点label标签管理
k8s集群Node节点管理：节点信息查看及节点label标签管理 Kubernetes集群Node管理 一、查看集群信息 [root@k8s-master1 ~]# kubectl cluster-info Kubernetes control plane is running at https:/ ......
node 快速搭建http服务器
1.新建目录demo然后在当前目录下打开cmd窗口执行npm init 一直回车，执行结束该目录下出现一个package.json 2.node环境自行安装，需要依赖如下 * npm add express * npm add nodemon * npm install -g axios --reg ......
CentOs安装Nvm,Node
Centos7系统 镜像链接如下： https://mirrors.aliyun.com/centos/7.9.2009/isos/x86_64/CentOS-7-x86_64-Everything-2009.iso?spm=a2c6h.25603864.0.0.18de6aeaLWNeIw 1： ......
vite_在项目中批量引入图片
一般而言, 在vue中引入图片会使用类似import slideImg1 from '@/assets/imgs/kenny-eliason-Ak5c5VTch5E-unsplash.jpg'这种方式, 但是当需要引入的图片数量众多的时候, 这么写就非常麻烦了. 参考vite+v3批量一次性引入本地 ......
Kubernetes Multi-Master Node Cluster
https://medium.com/@lubomir-tobek/kubernetes-multi-master-node-cluster-f2081e504983 Lubomir Tobek · Follow 10 min read · Dec 14, 2023 2 Creating and o ......
使用Nginx部署VUE3+VITE项目时无法访问后端接口的一个情况
在使用VUE3作为前端，ABPVNEXT6.0作为后端框架。使用Nginx部署后无法访问api，接口报错404 找错思路很重要，网上找到了很多Nginx配置信息，但是都不起作用，即使更换服务器重新部署也无法生效 后来才发现，ABPNEXT对于未找到对应实体的报错就是404，按照正常的程序逻辑，404 ......
[Node.js]安装 pnpm
官方的文档：https://www.pnpm.cn/installation 我电脑是先安装 cnpm ，再使用 cnpm 安装 pnpm ： cnpm install -g pnpm 安装的很快，然后查看已安装版本： pnpm -v 8.14.0 ......
electron-vite 安装， 打包下载资源失败，设置国内镜像
由于electron默认打包会从github上下载相关二进制包，众所周知，国内GitHub访问是相当慢的，所以经常会出现下载失败导致打包不成功，这时我们就需要配置国内的镜像源，以解决从GitHub下载慢甚至无法下载的问题。 修改npm配置文件（没有就创建）： npm的配置文件为用户根目录下的：~/. ......
多个子项目共用根级node_modules
方法一：mklink /d <项目路径>\node_modules <公共node_modules路径> 1、首先以管理员身份运行 [cmd]（命令提示符） js 复制代码 mklink /d <项目路径>\node_modules <公共node_modules路径> 2、比如： js 复制代码 ......
vite启动后提示：Network: use --host to expose，且无法通过网络IP访问服务
 原因： 当 局域网 中另一台设备需要访问该服务时，必须通过本机 IP + 端口 访问。 尝试访问后，发现找不到这个 ......
Node.js开发：如何实现用户权限管理功能
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
Node.js开发：如何实现数据排序和筛选功能
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用Node.js开发一个在线商城的购物车功能
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
Node.js开发：如何实现数据验证和过滤功能
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
NVM管理多个Node版本
在项目中，我们常常会遇到node版本问题的一些报错，像是vue 3需要node10以上版本，不同的 node-sass 版本需要安装不同的 node.js 版本,为了统一管理node版本，我们需要用到nvm工具。 1.nvm简介 nvm是node版本管理工具，可以简单操作node版本安装、切换、浏 ......
每周总结1/8（spring跨域问题与百度接口node.js跨域问题解决）
//baidu.js文件，接收传递的图片，进行base64处理，上传百度接口返还json处理结果const express = require('express'); const multer = require('multer'); const request = require('request ......
vite创建vue3项目
初始化项目 pnpm ：pnpm create vite 输入项目名称，选择前端框架，上下键选择，确定选择可直接回车进行下一项选择 选择类型，我这里选择的是tyscript类型,按下回车后便创建成功 进入cd 项目名称进入项目目录，再如果pnpm install 安装项目所需依赖 依赖安装成功后 直 ......
还在用Python爬虫？教你一招，摆脱选择元素位置的烦恼！使用Node.js大杀器，并且无需使用cheerio 库~
咱们以豆瓣历史250最佳电影为例。 豆瓣说，>_< 你不要过来啊！ 第一步：打开网页源代码 第二步：选择你想要爬虫的元素，右键复制获取JS路径 document.querySelector("#content > div > div.article > ol > li:nth-child(3) > ......
vue項目與node後台,解決跨域問題
1 跨域問題總概述 跨域指的是从一个域名到另一个域名去请求资源，跨域名请求同源策略，浏览器的安全机制，跨域是浏览器的行为，不是服务器的行为； 简化来讲就是，网页（浏览器）向后台服务器发送一个请求之后，浏览器会拦截这个请求，并检查这个请求是不是跨域访问，如果是跨域访问，便要向服务器端核对，是否允许这个 ......
开发过程中管理多个项目不同的Node版本，使用.sh脚本实现
本地会开发多个不同的 NodeJS 项目，每个项目可能需要的 Node 版本不同，有的老项目还在用 10.xx ，有的要求 12.xx/14.xx/16.xx/18.xx 。 总之，每个项目都需要不同的 Node 版本。很多时候我都是在启动项目遇到报错了才会意识到要切换 Node 版本。 1、在项目 ......
node入门教程
node.js介绍 Node.js 是一个开源与跨平台的 JavaScript 运行时环境。 它是一个可用于几乎任何项目的流行工具！ Node.js 在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核）。 这使 Node.js 表现得非常出色。 Node.js 应用 ......
mac安装node20.10.0失败
因为mac笔记本用的时间比较久了，所以系统 目前到这里，官方也不再更新系统了，安装node20.10.0的时候报错如下： dyld: lazy symbol binding failed: Symbol not found: ____chkstk_darwin Referenced from: /u ......