2022.08.04
分類:JavaScript, Vue

vue 在離開頁面時,會取消所有的 api 請求,使用 axios 搭配 AbortController signal API

源起 我們公司因為有從硬體上傳監測資料的服務,所以資料量非常的大,導致在打 API 時,前後端 + 資料庫的處...
2022.07.06
分類:Vue

在 JS 檔案引用 Vue3 的實體

情境敘述 最近用了 axios 的攔截器,統一在發出請求跟回應時做了處理,例如針對 403 error 時,需...
2022.06.17
分類:JavaScript, Vue

使用 BroadcastChannel 讓 sessionStorage 的資料可以跨分頁同步讀取

需求 公司最近有一個登入的需求,為了安全性的問題,希望使用者即使沒登出,關閉視窗也會清除 token 等相關資...
2022.05.24
分類:Vue

解決用 Vue3 開發時,eslint 出現 no-multiple-template-root 的錯誤

錯誤源起 以往用 Vue-cli 或 Nuxt.js 開發專案時,eslint 會直接包在設定檔中,不用另外處...
2022.05.19
分類:Vue

Vue 3 整合 VUEX 與使用 Axios 攔截器

前言 這兩天重構了 Vue 3 設定 axios 的攔截器,此外因為 vuex 也有打 API,所以重構的時候...
2022.05.03
分類:JavaScript, Vue

VUE3 做原生的 HTML5 表單驗證

介紹 表單驗證的套件有非常多種,但我覺得 HTML5 的表單驗證就已經很好用了,如果再搭配正則表達式也可以做出...
2022.04.20
分類:Vue

設定 Vue Router 讓巢狀路由的 parmas 與靜態路由同層級

前情提要 最近在帶新人同事規劃部落格的網址結構,因為想讓他嘗試實作自己的構思,所以就讓他自由發揮啦! 這是同事...
2022.04.15
分類:Vue

用 VUE 套件 v-select 製作關聯台灣鄉鎮市區的下拉選單

今天把這個功能做完了,最後開會討論卻要把它拿掉 XDDD….,所以就來記錄一下自己的做法,這樣以後...
2022.03.15
分類:Vue

在 VUE3 載入外部的 JS 檔案

最近碰到一個問題是需要在 VUE 用 <script> 插入 JS 檔案,原本的做法是直接在 /publ...
Copyright (C) MUKI space* / Reborn Theme All Rights Reserved.