vueパッケージ後のアイテム、ページリフレッシュ後の空白

白:vueを使って出会った問題と解決方法を覚えてください.
vueプロジェクトは、パッケージ化後にページが正常に表示されますが、リフレッシュ後はページが空白で何も表示されず、エラーも報告されません.すべてのページが正常に開くことができ、リフレッシュで空白になります.ネット検索に行くのはrouterの中のmodeのモードの問題で、urlの中の#がきれいでよくないと思っていたので、削除しようとしたが、プロジェクトがオンラインになってからページを更新するのに問題があった.
プロジェクトのmodeはhistoryに設定されているため、デフォルトではhashモードになります.
変更前:

mode: 'history'

デフォルトはhashモードなので、このコメントを直接削除したり削除したりして、プロジェクトを再パッケージしてもいいです.
公式サイトでは、hashモードを使用すると、URLのhashを使用して完全なURLをシミュレートし、URLが変更されるとページが再ロードされないと説明されています.
しかしhistoryモードを使用する場合は、バックグラウンドと合わせて操作する必要があります.公式サイトの原文---historyモードを参照するにはバックグラウンド構成のサポートが必要です.私たちのアプリケーションは1ページのクライアントアプリケーションなので、バックグラウンドに正しい構成がなければ、ユーザーがブラウザでhttp://oursite.com/user/idに直接アクセスすると404に戻ります.これは面白くありません.
だから、サービス側にすべての状況をカバーする候補リソースを追加します.URLが静的リソースに一致しない場合は、同じindex.htmlページに戻るべきです.このページはapp依存のページです.リンク---https://router.vuejs.org/zh/guide/essentials/history-mode.html#バックエンド構成例
hashモードは前進、後退、ジャンプ、リフレッシュ操作をサポートします
historyモードは前進、後退、ジャンプ操作のみをサポートします
 
hashの動作原理はhashchangeイベントを用いてwindowでhashの変化を傍受することである.urlの後ろに#xxを勝手に追加してこのイベントをトリガーします.
historyモードでwindowをhistoryオブジェクトを印刷すると、中に提供されている方法と記録長が表示されます.
この文章にはhash原理とhistory原理を詳しく説明しています.https://blog.csdn.net/wang1006008051/article/details/81805932