arrow.light的博客

node.js后端服务器配置了koa-session和koa-jwt双重认证，而前端el-upload中的action只是个url，如果没有配置header会导致上传文件失败，诸如错误注：使用el-upload时，node.js后端需用使用koa-body，不要和koa-bodyparser同时使用。以下是项目中一个关于上传PDF使用el-upload的例子，仅实现了通过koa-jwt认证，但未通过koa-session认证。

pinia搭配vue3+TS着实强力，其组件间共享数据、动态响应DOM、精简的代码结构等特性让写代码更流畅且代码更容易维护，但是随着使用发现个问题，用const、let定义新的对象时只是复制了右侧对象的指引（可以理解为C中的指针），并没有拷贝右侧对象下的嵌套对象，导致新定义的对象有改动右侧对象下的嵌套对象也会跟着改动，百度及问ChatGPT说用lodash的deepClone库来做深拷贝，但大可不必，完全可以自己用JS定义一个深拷贝工具。

删除是个敏感的操作，一般要求根据MongoDB中的ObjectId来精确删除，需要转换_id的值，转换成ObjectId。

vue3 锚点anchor scrollIntoView实现点击选项页面即滚动的效果

node.js JavaScript 封装MongoDB find，传入对象即可实现多条件、日期时间范围查询。注意：重点是前后端联动，实现多字段过滤的搜索查询，以下从后端连接数据库开始到前端dom组件绑定数据结束，过程相对完整！

vue3 移动端调试工具vconsole和eruda 及其两种使用方式。tip：eruda和Chrome浏览器的从console台很像，推荐使用。

vue3 for循环bug for(const i in list) Cannot create property 'check' on boolean 'false'在mutation中写commit时用for循环为每项更新内容，结果发现语句都执行成功、页面效果也出来了，但是用vue-devtools看state的值没有更新。是因为for循环的次数比list包含项数量多一次，最后一次是空对象即undefined

vue3 使用screenfull插件全屏显示页面、全屏显示元素DOM节点。需求背景：移动端打开网站，发现不能充分利用屏幕空间，浏览器自带的全屏功能很难找，用户体验较差。并且有些元素比如图片需要去放大看，这时如果点击就能全屏，再点击就退出，用户体验可以提升。

vue3 devtools version 6.4.5 避坑 npm run build lerna ERR 安装devtools 6.4.5版本，很行，亲测可用！

一、问题背景最近在学习Vue.js，用vue做了一个小项目，项目做完那一刻满心欢喜，打算让小伙伴们用手机浏览器打开项目网站开开眼，（注：用公司的华为防火墙做了nat，把办公电脑映射到公网中，即可打卡开发环境的服务器地址），好家伙，还没等我把地址发给小伙伴自己就先发现手机浏览器打开之后和数据渲染有关的页面都有异常。二、问题描述服务器电脑（ip：192.168.8.120）浏览器访问服务器地址（http://192.168.8.120:8080），报错cors跨域问题，如下：access-con