bufegar0的博客

使用vite代理模式后，想看看vite是否传递参数，故而需要打印出代理的转发日志。启动的时候，带上–debug参数即可。如下所示另一种是借用 proxy 配置中的 rewrite 函数手动打印，例如 console.log()。自行尝试即可https://gitee.com/matevip/artemis

Nuxt 3 目前支持 Node.js 14、16、18 和 19，建议使用最新的 Node.js LTS 版本，由于 Node.js 14 即将 EOL，开发者最好尽可能升级到最新的 18.x。Nuxt 3.0 11天前正式发布了稳定版，3.0 基于 Vue 3，为 TypeScript 提供了 “一等公民” 支持，并进行了一次彻底的重构，对内核进行了精简，速度更快，体验更好。Nuxt 是使用简便的 Web 框架，用于构建现代和高性能的 Web 应用，可以部署在任何运行 JavaScript 的平台上。

一、需求背景现在Nodejs最新的版本已经是16+了，但用了最新的版本以后，会出现canvas和node-saas等组件安装不了的情况，还会报一堆莫名的错误，后来发现降至14+的版本就可以解决此问题，故将降级办法写下来，以备忘。二、操作步骤2.1 安装node版本管理模块 nsudo npm install n -g2.2 可以根据自己的需要选择安装版本[可选]2.2.1 安装稳定版sudo n stable2.2.2 安装最新版sudo n latest2.3 版本降级/升级

问题现象项目引用了一个变量值，在启动页面时报错：Method "defaultProps" has type "object" in the component definition. Did you reference the function correctly?问题原因分析如上图所示，将defaultProps放到了方法里面，导致总报上述错误。解决办法将defaultProps移出methods，与之并行即可。代码样例https://github.com/matevip/arte

教程背景也不知道因为啥原因，国内关于vuetify的教程非常少，vuetify的很多的封装解决了后端开发人员对前端css不熟悉的困扰，让全栈开发变得更为简单。故出此教程系列，也为今后大家的开发少走弯路。初始化vue工程1、安装vue-clinpm install -g @vue/cli# ORyarn global add @vue/cli官方地址：https://cli.vuejs.org/zh/guide/installation.html有了这个就可以采用vue-cli创建vue

使用背景今天要用vue-cli，感觉好久没有升级了，查询了一下升级命令，记录以备忘。操作命令一行命令即可，前提是vue已经安装npm install -g @vue/cli或者执行这行yarn global add @vue/cli静静等待升级完成即可...

升级背景为了解决升级vue的版本导致的报错问题，需要升级nodejs解决，将简易升级方法在此留存以备忘升级NODE1.查看node版本node -v2.清除node缓存sudo npm cache clean -f3.安装n工具，超简洁的名称sudo npm install -g n4.通过n工具升级nodesudo n stable5.用第一步的命令查看版本node -vv12.18.3发现已经更新至最新版本了6.用同样的方法升级npmsudo npm insta

排查背景artemis前端框架基于vue-element-admin开发，github提示某个组件版本过低，存在安全风险，就对用到的相关组件进行一次升级，升级后，却发现项目启动不了，报错信息如下：Module build failed (from ./node_modules/postcss-loader/src/index.js):Error: Loading PostCSS Plugin failed: No valid exports main found for '/Users/xuzhanf

问题背景最近开发代码生成的时候，遇到生成的文件下载失败的问题，一共遇到三种情况，记录此文档，以备忘，也给大家一些参考。问题一：Blob文件配置需要在js文件配置responseType为blob,具体代码如下： url: '/mate-code/sys-code/generator-code', method: 'post', responseType: 'blob',如果不配置，就按二进制在reponse里显示出内容，感觉出来像乱码。问题二： Uncaught (in

需求背景el-card组件的el-card__header行高设置比较高，需要在项目中修改掉，但无论如何修改都不生效。问题描述头部样式在scoped下作用无效，可以通过添加/deep/的方式解决，但由于版本或者其他原因，目前未知，添加该方法总是报错。如下代码总是编译不通过。 .box-card /deep/ .el-card__header { padding: 12px 14px; font-size: 14px; }报错信息如下：Module build failed