先說範圍
這篇不會提客戶名稱、網站內容、銷售資料或管理流程,只整理把網站從原本的框架搬到 React 跟 Vite 的時候,遇到的那些每個專案都可能碰到的問題。
如果你也正準備把一個內容型網站換框架,這幾件事可以先檢查。
路由會從伺服器跑到瀏覽器
換框架之後,原本伺服器幫你處理的頁面路由變成瀏覽器自己來。除了設定 React Router,靜態託管那邊也要加 SPA fallback,不然有人直接打開比較深的網址就會看到 404。這個很容易漏掉,因為從首頁點進去都是正常的。
公開頁面跟後台分開想
公開的頁面要能穩定讀到內容,後台則需要登入跟權限。兩邊可以共用同一個資料來源,但不要用同一套存取的假設;前端擋路由也取代不了後端的資料規則。
圖片跟 SEO 也算搬家的一部分
圖片壓縮、尺寸限制、metadata、sitemap 跟 canonical URL,上線前都要重新確認一次。功能都能用不代表搬完了,公開網站還要能正常載入、被分享,也要能被搜尋引擎收錄。