Vue 3 + Vite 配置 SVG 图标：完美填坑指南（依赖报错与 symbolId 终极解析） 在 Vue 3 + Vite 项目中，封装一个通用的 <svg-icon> 组件是提升开发体验的常见做法。然而，在实际配置过程中，由于构建工具的升级和路径解析的细节差异，很容易踩到各种奇奇怪怪的坑。 本文将详细记录从插件依赖报错，到彻底搞懂 symbolId 映射关系的完整排错过程，并给出最终的最佳 2026-11-05 前端拾光 0 野猪凌梦
Vite + Vue3 + Ant Design Vue 4.x：组件与 API 自动导入最佳实践 在开发 Vue 3 项目时，频繁地手动 import { ref, reactive } from 'vue' 以及引入 UI 组件库的按需加载代码，往往会让人感到繁琐。为了提升开发效率，社区提供了两个神器：unplugin-auto-import 和 unplugin-vue-components 2026-11-04 前端拾光 0 野猪凌梦
Spring Cloud 多模块公共 Bean 启动报错排查，揭秘 @ConditionalOnProperty 的妙用 在基于 Spring Cloud + Spring Boot 3 的微服务架构中，为了代码的高效复用，我们通常会将工具类封装到 common-base 等公共模块中。但在实际开发中，如果不理清模块依赖与配置文件的关系，这种“复用”极易引发无差别的启动崩溃。 📌 问题背景与模块结构 在近期的项目重构中 2026-10-31 后端探秘 2 野猪凌梦
实战踩坑：Spring Boot 3 微服务下的 Security 配置冲突与自定义 Starter 封装指南 在最近的微服务项目开发中，我遇到了一个非常经典的 Spring Security 依赖冲突问题。 项目的基本架构是：一个负责校验密码和颁发 Token 的 auth-server，以及多个负责处理业务逻辑的资源服务（如 manager-server）。为了避免每个业务微服务都写一遍 JWT 拦截器和 2026-10-29 后端探秘 5 野猪凌梦
Vue3 + Element Plus 踩坑记录：弹框表单回显残留与 Object.assign 陷阱详解 在开发 Vue 3 中后台管理系统的菜单/用户管理模块时，“表单弹框”是个高频交互场景。今天在处理菜单编辑与新增时，遇到了一个经典的奇葩 Bug：先点击“编辑”按钮打开弹框回显数据后，关闭弹框再点击“新增”，弹框里居然而然还残留着刚才编辑的内容！ 经过排查和重构，发现这是由 Vue3 响应式对象引用 2026-09-10 前端拾光 4 野猪凌梦
Spring Boot 踩坑记录：树形菜单取不到权限？Java Stream 结合递归 flatMap 轻松搞定 在开发权限管理系统（如 OA、RBAC 权限模型）时，用户的菜单通常是树状嵌套结构（即：目录 -> 菜单 -> 按钮，子节点存放在 children 属性中）。而在登录时，后端需要将用户的所有权限标识（perms）一次性返回给前端用于做按钮级鉴权。 今天在开发时遇到一个经典 Bug：明明数据库里配了 2026-09-05 后端探秘 10 野猪凌梦
Spring Boot 踩坑记录：@Value 无法注入 YAML 数组及完美解决方案 在开发 OA 系统并配置 Sa-Token 权限拦截白名单时，需要将免登录路径（如 Swagger 文档、登录接口等）提取到 application.yml 中统一管理。原本以为是一个简单的属性注入，却触发了 Spring Boot 配置解析的一个经典陷阱。 💥 踩坑现场 1. 配置文件 (app 2026-09-04 后端探秘 14 野猪凌梦
Pinia 中调用 Getter 报错 "is not a function" 的原因及最佳实践 在 Vue 3 项目中从 Vuex 迁移到 Pinia 或者初次使用 Pinia 时，很多开发者（包括我自己）都会习惯性地写一堆 getters，然后在组件或拦截器中调用。但这往往会导致一个经典的报错。 今天在配置 Axios 请求拦截器时，就踩到了这个小坑，特此记录，以备忘却。 🐛 问题复现 在 2026-09-04 前端拾光 9 野猪凌梦
优雅处理前端回显：在 VO 中使用 private static 内部类的巧思 在日常的 Java 后端开发中，我们经常会遇到这样的需求：前端需要开发一个“分配角色”的功能，页面既要展示所有的角色列表供用户勾选，又要回显当前用户已经拥有的角色（默认打 ✅）。 为了满足这个需求，我们需要组装一个包含两部分数据的实体： 全部角色列表（为精简传输，仅保留角色 ID 和名称）。 已选中 2026-08-31 后端探秘 6 野猪凌梦
Vue3 表单 resetFields 报错还清空不掉的连环坑 最近在写 Vue3 + Element Plus 的后台系统，遇到了一个贼恶心的问题。平时开发，我们肯定都是复用同一个弹窗来做“新增”和“编辑”的嘛。结果发现一个诡异的 Bug：只要先点了“编辑”，关掉弹窗再去点“新增”，表单里的数据不仅没清空，控制台还疯狂报 Cannot read propert 2026-08-30 前端拾光 8 野猪凌梦
前端拾光
8
野猪凌梦