BrianGriffin的博客

原创 vscode一直报警告：Command failed: npm i --package-lock-only --prefix（已解决）

尝试npm i，npm update即可，更新一下模块的安装。组件（分页组件）在vscode模块安装过程中出现了问题。

原创 报错：全局安装报错 npm install -g nodemonnpm ERR! code EPERMnpm ERR! syscall mkdirnpm ERR! path D:\code（已解决）

权限问题：无法在全局目录安装 nodemon。

原创 浏览器高德地图API无法进入问题（已解决）

应该是由于没有维护或者没有做兼容的原因，导致edge等多个浏览器产生进入主页面后不停转圈，白屏，不停占用内存，卡顿等问题。换个浏览器或者开个梯子试试。我换成谷歌浏览器就可以正常使用了。

原创 2025前端岗位技术需求统计+前端进阶抗AI取代详解

优先顺序明确：将微信小程序、全栈开发和跨平台开发作为首要学习目标，这些是当前外包项目中最常见且需求量大的技术领域。实战导向：每个学习模块都配备实战项目，确保学习内容直接应用于实际工作。资源具体化：为每个学习点提供了具体的学习资源，包括官方文档、视频课程、书籍和开源项目等。技术广度与深度平衡：在保证快速上手核心技术的同时，提供了进阶路径以培养技术深度。模板资源库：建立项目模板库，提高外包项目的开发效率和质量一致性。抗AI替代能力培养：着重培养系统设计、用户体验、跨领域整合等AI难以替代的能力。持续学习机制。

原创 大量多次的数据获取及计算优化

针对于需求，设计大概的数据优化逻辑，仅供参考。

原创 djiango添加邮箱验证（详解）

项目需求：在已有的djiango项目中添加邮箱验证使用:qq邮箱。

原创 Vue业务输出，双环境输出设置

【代码】Vue业务输出，双环境输出设置。

原创 宝塔查看面板入口，宝塔忘记登入地址，忘记内网外网用户名和密码

【代码】宝塔查看面板入口，宝塔忘记登入地址，忘记内网外网用户名和密码。

原创 IDEA SqringBoot项目 maven打包时报错：找不到符号\无法将类 com.example.haiyanzhijiademo.pojo.Result中的构造器 Result应用到给定类型

我下载的lombok与jdk23不互相支持，具体是互相支持到多少版本也不清楚。再把设置内的项目的项目结构换一下jdk。把原来的jdk23换成jdk19。重启再次打包就可以正常打包了。

原创 （已解决）宝塔部署Vue项目时非首页刷新404

部署成功后项目正常运行，但是一但非首页刷新就会报错:404在网页的设置中的配置文件添加上图代码：重启后即可正常运行。

原创 （已解决）关于ELementui-plus的组件的提交表单组件，提交的 Vue 的响应式系统代理的对象Proxy(Object)数组如何处理为普通json格式，以及响应式转换的注意要点

我套用的为elementui-plus的From表单组件，默认提交的为vue的Proxy代理转换对象，不适合于axios请求的json提交。

原创 （已解决）报错：Invalid options object. options has an unknown property ‘disableHostCheck‘

在进行vue2项目打包上线时需要更改vue.config.js文件。

原创 （已解决）云服务器如何配置，华为云如何设置，finalShell如何连接，宝塔如何配置，vue项目如何打包上线，Windows如何解决端口占用，Windows如何查看端口，新手云服务器上线项目教程

云服务器如何配置，华为云如何设置，finalShell如何连接，宝塔如何配置，vue项目如何打包上线，Windows如何解决端口占用，Windows如何查看端口，新手云服务器上线项目教程

原创 Vue3学习日记（day5）

接下来我们继续探讨文档。

原创 Vue3学习日记（day4）

可写计算属性；计算属性；防抖函数；对于DOM的更新详解；methods；响应式状态（Vue3）

原创 Vue3学习日记（day3）

vite创建的vue目录详解；应用配置与全局定义；插值表达式；V-HTML；XSS漏洞；V-BIND；JS注意事项；调用函数注意事项；受限的全局访问；V-ON

原创 Vue3学习日记（day2）

vite创建vue使用全教程；导入依赖全教程

原创 Vue3学习日记（day1）

Vue 2 已于停止维护。（学习基础：对vue2有一定基础和理解）

原创 报错（已解决）：无法加载文件 D:\code\NodeJs\pnpm.ps1，因为在此系统上禁止运行脚本。

2：安装完成，且成功显示版本后，使用管理员权限打开Windows。3：打开后选择y，更改执行策略，使不信任脚本可运行。

原创 UNIAPP文件目录结构解析

原创 XML OR MYsql 报错：Could not create connection to database server.

【代码】XML OR MYsql 报错：Could not create connection to database server.

原创 (已解决)pom.xml报错：Multiple markers at this line- cvc-elt.1.a: Cannot find the declaration of element ‘

原因：最新的schemaLocation地址已经是https协议了，原来的这个地址已不存在了。方法：将第一行后面的地址改为https就可以了。

原创 mybaits使用注解开发还是使用xml开发更好呢？

MyBatis 数据持久层框架支持 XML 映射文件配置以及基于注解的 SQL 开发两种方式。选择 XML 配置文件或直接使用注解来编写 SQL ，取决于项目的具体需求、团队偏好及长期维护性的考量。在实际开发中，许多团队会选择混合使用，即对简单的操作使用注解，而将复杂的映射和动态 SQL 保留在 XML 文件中。

原创 （已解决）Invalid prop: type check failed for prop “action“. Expected String, got Undefined

问题描述：在制作vue个人中心页面的时候点击打开修改信息窗口，总是会跳出报错：“action”期待值为string，但是没有找到action属性，使用// eslint-disable-next-line跳过eslint检测规则也无效。问题解决： 使用el-upload组件作上传时，需要添加action属性，随便赋值一个string类型即可。

原创 （已解决）如何将token存入本地localStorage，如何清除localStorage中的数据

我需要完成利用token进行页面拦截，涉及到了标题的知识，所以记录一下。将token存入本地localStorage。清除localStorage中的数据（所有）清除localStorage中的数据（单条）

原创 （已解决）Unicode高位码点emoji表情无法解析

我在制作游戏论坛项目，希望制作一个表情库，我参考了菜鸟的emoji手册，并且使fromCharCode函数来进行字符串转换，但是经过我的测试，对于超过5位数的高位码点，无法正常解析。

原创 （已解决）emoji及其特殊符号在vue中的使用

使用问题：在表情库中点击后无法展示对应的emoji表情，仅仅显示Unicode代码编号，按照vue eslint规则更改添加分号后，没有报错但是依旧无法正确渲染。

原创 （已解决）Vue routes的 children使用（小白来看，包会！）

使用了很多vue深层知识，简化并且做到自己的项目上面对小白很有帮助，因为我就是小白，才搞明白。最核心的就是routes的 children使用，所以先做一个例子再套用进去。

原创 （已解决）如何使用vue-router中的重定向

如上例：当访问/的时候会通过关键字redirect重定向至index，并由下面的目标路由表明重定向目标路由的具体信息。应用场景：如果访问其他页面，在未登录的情况下，跳转到登录页面。重定向作用：如果访问a地址将跳转到b地址。

原创 （已解决）什么是vue导航守卫

的路由时，导航守卫会先检查用户是否已经登录（通过检查localStorage中的token）。如果没有登录，它会阻止原本的跳转操作，并将用户重定向到登录页面。如果用户已登录，则放行，允许路由正常跳转。这就是Vue导航守卫在实际应用场景中起到的作用。vue导航守卫是是一种Vue Router内置的功能，它可以让我们在路由切换的过程中执行自定义的代码逻辑。在这个例子中，每当试图切换到一个设置了。

原创 （已解决）在vue路由配置中，export const constantRoutes和const routes有什么区别，

的命名更多是一种约定俗成的命名规范，表明这些路由在程序运行过程中不应发生改变。总结起来，两者主要区别在于变量是否可被外部文件导入使用，而。主要是关于变量的作用域和导出方式的不同。在 Vue Router 的配置中，

原创 （已解决）在vue路由中：Vue.use(VueRouter)和Vue.use(Router)；有什么区别？

是 Vue.js 提供的一个全局API，用于安装 Vue 插件。类，那么这段代码将不会正确注册 Vue Router 插件，并且在后续尝试使用路由功能时会导致错误或未定义的行为。在实际开发中，应确保始终正确引用。Vue.use(Router)是可以使用的，在特定情况下，但是通常来说Vue.use(VueRouter)才是最正确的写法。调用后，Vue Router 就会被注入到 Vue 的全局作用域中，使得每个 Vue 组件实例都能访问到。模块中导出的核心类，它提供了创建路由实例以及相关路由管理的方法。

原创 （已解决）vue+element-ui实现个人中心，仿照原神

差一个个人中心页面，看到了这个博主的个人中心，真的很不错。

原创 （已解决）vueQQ邮箱注册发送验证码前端设计，如何发送验证码设计倒计时

我们之前已经通过前端测试成功完成qq邮箱动态验证码发送（未使用redis，我准备自己了解完后，后期有时间补上）这段代码建设图形化界面。

原创 （已解决）（GET）POST http://localhost:8080/xxx/ 400(Bad Request)

传输数据有误，请检查你的传输，是否成功传输了正确的数组，和正确的数组格式，与数据个数。考虑cors源跨域问题。

原创 （已解决）spingboot项目如何做QQ邮箱注册功能，如何在邮箱注册中进行随机数添加作为动态验证码，并满足分层解耦

我测试了很多次，所以并未传输真正的QQ邮箱，不然邮件发太多懒得删除。使用注解@Component进行分层解耦加入ioc容器，方便调用。前面我们已经完成了发送静态验证码，现在用随机数作为动态验证码。在之前文章的接口中，注入并调用，生成且打印。控制台成功打印不同随机数。

原创 （已解决）Properties和Yaml格式互转

下载yaml插件，对需要转换的文件右键选择转换。推荐转换工具或者下载idea插件yamls。

原创 （已解决）spingboot 后端发送QQ邮箱验证码

前端测试：（请注意oken的路径拦截！如果没写token可以不用管，也不用请求头添加token）后期大家自己加随机数做动态验证码替换静态验证码就好了，可以使用存入数据库或者redius。：我使用的是自己静态验证码，就是为了一步一步来更加清晰，首先是要实现成功发送邮件，：需要yml的，推荐转换工具或者下载idea插件yamls。打开QQ邮箱pop3请求服务：（按照QQ邮箱引导操作）实体类：（不知道有没有用，忘记了，要是报错就加上）

原创 （已解决）vue中如何进行不同页面数据传输和token下发添加到其他页面，meta如何使用

使用query函数携带token传到router meta。但是我没学，可以使用query函数和meta路由跳转携带。在index页面使用es6语法接收数据，并打印token。路由接收到meta，并且赋值到token。推荐使用vuex状态管理。

原创 （已解决）vue中如何解析jwt令牌，vue中jwt-decode无法使用，报错缺少类jwt-decode，无法找到jwt-decode

jwt-decode经过了一次更新，jwt-decode中已没有jwt-decode模块，所以无法使用jwt-decode进行jwt令牌解析。通过查找模块，发现jwt-decode模块更新为jwtDecode模块。所以需要使用jwtDecode进行解析。使用es6语法进行导入。