javascript - vue-router の「#」または「#!」

Question

vue ルーティングの「#」または「#!」の意味がわかりません
デモのルーティングには「#」が付いています http://localhost:8080/#/home/article
インターネット上の vue routing に「#!」が表示されました https://mrjeff578575.github.io/Vue-demo/#!/home/article

Answer 1

ポータル https://router.vuejs.org/zh-c...

フロントエンドルーティングには 3 つのモードがあります

1. hash: ルーティングに URL ハッシュ値を使用します。 HTML5 History API をサポートしていないブラウザを含む、すべてのブラウザをサポートします。

2. history: HTML5 History API とサーバー構成に依存します。 HTML5 履歴モードをチェックしてください。

3. 要約: Node.js サーバーサイドなど、すべての JavaScript ランタイム環境をサポートします。ブラウザ API が見つからない場合、ルーターは自動的にこのモードを強制します。

一般的に使用されるのは 1 (アドレスに # 番号が付いている) と 2 (アドレスは実際のリクエストと変わりません) です

---

また、

# は vue-router で使用されるハッシュ記号です

#!はangularjs Routeで使用されるハッシュシンボルです

特に問題はありません。# を付けるだけです (ブラウザはページにジャンプしません)

---

そのページでは vue-router v0.7.13 を使用しているようですが、ソース コードにも #! 記号が付いています。

Answer 2

Vueルーティングモード

これは、ルーティング ハッシュ戦略と呼ばれます。対応するものは、ハッシュ記号と呼ばれます。ハッシュの後のパスは、サーバーによって解析されません。

Answer 3

#! はハッシュバンであり、# とまったく同じ意味です。違いはセマンティクスのみです。

Answer 4

#是hash模式
history モードには # 記号がありませんが、
サーバーにデプロイされている場合、
hash モードではリフレッシュ 404 の問題は発生しません。 。
履歴モードでページを更新するか直接接続すると、404 のプロンプトが表示されます。 。 。
従来の方法では、バックエンド プログラムが実際にファイルを生成し、接続リクエストによって実際にファイルを見つけることができます。 。
この単一ページには HTML が 1 つだけあり、バックエンド プログラムはファイルを自動的に生成しません。 。
そのため、履歴モードを使用する場合は、サーバーにデプロイするときに仮想パスを構成する必要があります
リソースをリクエストできない場合は、index.html ファイルを指すことになります