使用vite後，scss import路徑改寫

, ,

如題，vite需要用到的是絕對路徑，所以原本在vue cli那樣的寫法已經會找不到檔案了。

閱讀更多
0
/0 評論/通過：

vite建立vue專案的vite.config.js設定

, ,

vite來勢洶洶，漸漸發展成不再只是專屬於 vue 可以使用的腳手架打包工具，現在還支援 react 等流行框架。（有沒有一種要取代 webpack 的感覺？ＸＤ）

閱讀更多
0
/0 評論/通過：

vue 全站使用 websocket 傳輸資料

,

已經很習慣串接 restful api，突然有個客戶說他的遊戲網站所有資料傳輸都是用 websocket，也就說一般我們打 api，會有開始送出 request 、結束收到 response，是一個有時間性的過程；但是如果是 websocket 的話，送出跟收到是無法放在同一個 function 裡等待（確保）他完成的。websocket 一但連線並開始監聽，就會隨時收到來自 server 的訊息，並不一定能代表這個回傳結果一定就是來自你剛剛送出的請求。

閱讀更多
0
/0 評論/通過：

vue 全站鎖右鍵

, ,

想要整個網站都鎖右鍵，就要寫在App.vue的mounted裡面。

閱讀更多
0
/0 評論/通過：

把vue打包檔部署在特定路徑

,

因為客戶的網站有分成兩種類型，想要把網站部署在類似這種 domain.com/AAA, domain.com/BBB 的資料夾結構下，當初以為就把dist/整包給他放在他開好的資料夾就可以了，後來發現我大錯特錯，切換路由一直失敗，於是上網看了一下官網，發現只需要調整兩個步驟就可以了。

閱讀更多
0
/0 評論/通過：

csv 轉成 i18n 可用的 json 格式

,

Convert CSV to json translation files

以前在前公司有使用 i18n，他們是把 i18n 的對照表放到 google sheet 管理，然後可以直接按下「轉檔」就匯出可以區分語言的 json 檔。

閱讀更多
0
/0 評論/通過：

vue 的axios interceptors error希望彈出element-ui 通知

, ,

通常在 vue 專案中，我們會把 axios 單獨出一隻檔案，在裡面會創建 axios 實例、實作 request 和 response 的攔截器…等等。

閱讀更多
0
/0 評論/通過：

在gitlab部署vue專案到cloud run

, ,

vue 專案目前放在 gitlab 上管理，為什麼不放在 github？因為環境變數.env、config 檔案都無法進入 git 記錄，很麻煩。如果你是想要展示作品，可以放在 github，但是如果是一個有機密資料的專案，我還是都會選擇放到 gitlab，而且 gitlab 的 CICD 自動化部署真的是很方便。

閱讀更多
0
/0 評論/通過：

如何使用 Docker 打包 vue 專案

,

部署 vue 的 spa 網站到 GCP，可以直接部署靜態網站到 GCP 的 App Engine，也可以用 docker 打包 image，推到 GCP 的 Container Registry。

你必須先完成的事：

  1. 在電腦安裝docker
  2. cd到你的專案路徑下
閱讀更多
0
/0 評論/通過：

ElementUI 按需載入

,

vue專案使用element ui，在官網的範例中，是直接把載入的部分寫在main.js，可是有時候我們要載入的components一多，main.js就會變得很長，所以可以把它搬到另一個檔案，再從main.js統一引入。

閱讀更多
0
/0 評論/通過：