移動端訪問Vue專案頁面無資料,但是PC訪問有資料

2021-10-22 18:14:33 字數 583 閱讀 4894

晚上正準備關電腦早點溜街時,測試那邊提了乙個移動端訪問h5頁面無資料展示的bug,那一刻有些頭疼,但是馬上進入了除錯狀態。

首先開啟了fiddler抓包工具,把抓到的url複製到pc瀏覽器進行訪問,結果發現pc上訪問這個頁面是有資料的,那就有些蛋疼了呀,今晚就得要發新版本,沒想到最後還出這個么蛾子,突然之前成為了全村的希望,感覺有些受寵若驚。

冷靜分析了下,與瀏覽器抓到的東西進行了比對,發現移動端是沒有進行介面請求的,那估計是我的**出了問題,推測是vue生命週期問題,但是在瀏覽器訪問該頁面的時候又沒有報錯。好吧,那就在專案加個列印工具(這裡推薦使用eruda,不要使用vconsole,vconsole列印不全面)。發現是window.localstorage那個賦值地方出了問題,提示什麼不能給localstorage的屬性賦null,但實際上我賦的值是可以列印出來的,有判斷了下window.localstorage,發現瀏覽器不支援window.localstorage,於是改變使用sessionstorage,問題解決了。這次的問題我感覺很奇葩,明明測試環境localstorage是支援的,到了正式環境就不支援了。

手機瀏覽器不支援localstorage,改用sessionstorage

vue 移動端專案切換頁面,頁面置頂

之前專案是pc端是使用router的方式實現置頂的 router.aftereach to,from,next 但是改了移動端就沒有效果了,稍微查了一下,好像說是要body裡才有用。可能與我使用了vux ui有關 在深究router方式還是找新方法的選擇上,我選了後者,自定義的common.js 這...

Vue實現移動端頁面切換效果

在子頁面把整個頁面做絕對定位,覆蓋整個螢幕,子父頁面將 router view 用 transition 套起來,並加上過渡動畫就可以啦。效果 有乙個問題需要注意一下,我們知道,在應用transform屬性的時候,fixed定位會變成absolute。這裡,頁面轉換的時候,就變成了相對transla...

VUE專案測試,移動端

vue專案,進行移動端測試操作步驟 1 執行專案 npm run dev2 電腦建立熱點 3 手機連線熱點,通過本地ip 訪問專案 查詢本地網域名稱 1 windows r 輸入 cmd 2 輸入 ipconfig 3 ipv4 位址 就是ip位址了 4 發現報錯,無法訪問 5 解決 方法一 找到檔...