vue ルーティングの「#」または「#!」の意味がわかりません
デモのルーティングには「#」が付いています http://localhost:8080/#/home/article
インターネット上の vue routing に「#!」が表示されました https://mrjeff578575.github.io/Vue-demo/#!/home/article
ringa_lee
ポータル https://router.vuejs.org/zh-c...
フロントエンドルーティングには 3 つのモードがあります
hash: ルーティングに URL ハッシュ値を使用します。 HTML5 History API をサポートしていないブラウザを含む、すべてのブラウザをサポートします。
history: HTML5 History API とサーバー構(gòu)成に依存します。 HTML5 履歴モードをチェックしてください。
要約: Node.js サーバーサイドなど、すべての JavaScript ランタイム環(huán)境をサポートします。ブラウザ API が見つからない場合、ルーターは自動(dòng)的にこのモードを強(qiáng)制します。
一般的に使用されるのは 1 (アドレスに # 番號(hào)が付いている) と 2 (アドレスは実際のリクエストと変わりません) です
また、
#
は vue-router で使用されるハッシュ記號(hào)です
#!
はangularjs Routeで使用されるハッシュシンボルです
特に問題はありません。# を付けるだけです (ブラウザはページにジャンプしません)
そのページでは vue-router v0.7.13 を使用しているようですが、ソース コードにも #! 記號(hào)が付いています。
Vueルーティングモード
これは、ルーティング ハッシュ戦略と呼ばれます。対応するものは、ハッシュ記號(hào)と呼ばれます。ハッシュの後のパスは、サーバーによって解析されません。
#是hash模式
history モードには # 記號(hào)がありませんが、
サーバーにデプロイされている場合、
hash モードではリフレッシュ 404 の問題は発生しません。 。
履歴モードでページを更新するか直接接続すると、404 のプロンプトが表示されます。 。 。
従來の方法では、バックエンド プログラムが実際にファイルを生成し、接続リクエストによって実際にファイルを見つけることができます。 。
この単一ページには HTML が 1 つだけあり、バックエンド プログラムはファイルを自動(dòng)的に生成しません。 。
そのため、履歴モードを使用する場合は、サーバーにデプロイするときに仮想パスを構(gòu)成する必要があります
リソースをリクエストできない場合は、index.html ファイルを指すことになります