blog

本番環境下でiphonexをデバッグする 白い画面

iphonexや他のモデルの問題に直面して、バージョンのリリース後に毎回、白い画面となり、アプリの再エントリが使用されていない閉じて、アプリをアンインストールすると、以下の通常の後に再インストールされ...

Nov 20, 2020 · 2 min. read
シェア

問題点

  • iphonexなどの機種は、バージョンのリリース後、毎回白い画面が表示され、アプリを閉じて再インストールしても使い物にならず、アプリをアンインストールしてから再インストールするのが普通です!
  • 以下は、ログをオンにした本番環境でのエラー・メッセージです。

開くWebpackのソースマップデバッグ

、ルート変更はハッシュモードまたは白い画面になります。

、すべてのcdnが削除されるか、または白いスクリーン

ナビゲーション・ガードの位置

router.beforeEach((to, from, next) => {
 console.log(to, 'to----------------------')
 console.log(window.location.search, 'window.location.search----------------------')
 let queryData = {}
 if (window.location.search) {
 queryData = to.query
 }
 if ((JSON.stringify(queryData) != "{}" && queryData.token) || (JSON.stringify(queryData) != "{}" && queryData.phone && queryData.village_id)) {
 store.commit("SET_LINKPARAMS", queryData)
 if (queryData.usertype == 1) {
 axios.defaults.headers.common['x-phone'] = queryData.phone
 axios.defaults.headers.common['x-userType'] = 1
 console.log(3)
 login(queryData, to, next)
 } else {
 axios.defaults.headers.common['token'] = queryData.token
 store.dispatch("getUserInfo", {}).then(() => {
 console.log(1)
 // next()ここでいくつかのモデルの下にiosでエラーが報告される
 next()
 })
 }
 } else {
 console.log(2)
 next()
 }
})

ナビゲーションガードが印刷される限り、フォームに位置し、次のルートジャンプエラーを取得することはできません、またはそれを印刷しません!

最後に、キャッシュの問題は、パッケージ化されたファイルの私の側は、名前が同じであるたびに、iosはh5のjsファイルのキャッシュにロードされ、jsファイルのバージョンのリリース後に読み込まれるたびに、[ハッシュ:8]乱数でパッケージ化されたこの側は、この問題を避けることができることがわかりました!

module.exports = {
 configureWebpack: config => {
	return:{
 	output: { // リファクタリング出力 パック&コンパイルファイル名 モジュール名. .jsiOSのキャッシュ問題を解決する
 filename: `js/[name].[hash:8].js`,
 chunkFilename: `js/[name].[hash:8].js`
 }
 }
 }
}
Read next

vueのurlフェッチ

{={}=letindex=('

Nov 19, 2020 · 1 min read

RBACユーザーロール権限設計

Nov 19, 2020 · 4 min read

ファイル管理

Nov 18, 2020 · 3 min read

JavaScriptのデータ型

Nov 18, 2020 · 3 min read

ルーティングとVueRouterの分析

Nov 17, 2020 · 2 min read