https://peter-notes.com/tags/vue.js/Recent content in Vue.js on Peter.H's Full-Stack GAMEhttps://peter-notes.com/images/og-image.jpghttps://peter-notes.com/images/og-image.jpgHugozh-twTue, 24 Feb 2026 00:00:00 +0000https://peter-notes.com/posts/vue-jwt-refresh-token-flutter-sso/Tue, 24 Feb 2026 00:00:00 +0000https://peter-notes.com/posts/vue-jwt-refresh-token-flutter-sso/Flutter App 透過 SSO 開啟 Vue 網頁，但 JWT 15 分鐘過期後結帳頁直接報錯。問題不在後端，而是 Vue 從來沒有 refresh token 機制。從跨平台 token 傳遞到 axios interceptor 自動續約的完整修復過程。https://peter-notes.com/posts/flutter-vs-vue-debugging-complexity/Sun, 04 Jan 2026 00:00:00 +0000https://peter-notes.com/posts/flutter-vs-vue-debugging-complexity/同樣是「關於我們」頁面的顯示邏輯，Vue 改了十幾個 commit 都很順利，Flutter 卻卡了很久。本文從 Debug 實戰出發，延伸到 Domain Model 的防禦能力、Clean Architecture 的責任邊界、扁平架構的取捨、BFF 的可靠性價值，最後探討交接代碼的信任陷阱。https://peter-notes.com/posts/vue-spa-prerender-guide/Sun, 16 Nov 2025 00:00:00 +0000https://peter-notes.com/posts/vue-spa-prerender-guide/深入探討 Vue SPA 的 SEO 和社交媒體分享挑戰，介紹 Run-time Prerender 和 Build-time Prerender 兩種解決方案的實作經驗https://peter-notes.com/posts/ckeditor-image-alignment-fix/Fri, 01 Aug 2025 00:00:00 +0000https://peter-notes.com/posts/ckeditor-image-alignment-fix/深入探討 Strapi CKEditor 5 與前端整合時的圖片排版問題，從 CSS 浮動原理到響應式設計，提供完整的問題分析與解決方案https://peter-notes.com/posts/vue-spa-opengraph-facebook-line/Thu, 31 Jul 2025 00:00:00 +0000https://peter-notes.com/posts/vue-spa-opengraph-facebook-line/深入探討 Vue.js SPA 應用在社交媒體分享時遇到的 OpenGraph 問題，從原因分析到 Meta Server 實作，完整解決方案與部署策略https://peter-notes.com/posts/aws-eks-healthcare-platform-architecture/Wed, 05 Jun 2024 00:00:00 +0000https://peter-notes.com/posts/aws-eks-healthcare-platform-architecture/深入探討全端專案在 AWS 上的完整雲端架構設計，包括 EKS 叢集配置、微服務部署、Jenkins CI/CD、第三方整合及高可用性設計