浙裡辦app對接H5微應用白屏問題深究
阿新 • • 發佈:2021-08-09
浙裡辦的app對接自己做的h5頁面會有很多坑點。
首先浙裡辦是政府的一個多整合app,稽核超級嚴格,對接也超級變態,不管前端還是後端,對接起來都很頭痛,存在的諸多bug讓很多人無從下手。幾乎每往下走一步都會有個坑。
比如打包自己vue做的h5專案.到浙裡辦建立應用後臺上傳,打包是官網給打包,自己不用build,但是配置要符合,路徑也要符合,還要新增浙裡辦專用識別的配置json檔案,gbc.json
不過這步相對簡單,只要按照你正常的vue專案去除model的東西外,自己添加個gbc配置檔案傳送後端上傳官網即可
打包成功後,首先面對的就是出現了白屏問題。
白屏問題是絕大部分人都會遇到而且卡點的地方。往上搜索相關問題的資料少之又少,無外乎新增gbc配置,新增 輸出路徑覆蓋之前config配置
//部署應用包時的基本URL,如果是生產環境,部署到 /cli-study/dist(這裡是build) 路徑;如果是開發環境,部署到根路徑 publicPath: !debug ? './' : './', // 輸出檔案路徑 outputDir: 'build',