Webフロントは、一般的に、ファイルの.htmlの.css .jsファイルを使用していました。cssファイルとhtmlを使用して（画像など）のリソースを導入したときしかし、パスは同じではないかもしれません。以下は、いくつかをまとめたものです。
相対パスを使用すると、ルールを導入しました：
- HTMLやjsがカテゴリ別にカウントする画像、HTMLを導入しました
- CSSディレクトリに従って計算画像のCSSの導入、。
htmlディレクトリとは何ですか。
例：HTTP：// IP / A / Bのコードのhtmlのこの作品ならば、HTMLファイルで戻ってきて要求、htmlファイルのディレクトリは、/ A /フォルダです。
<link rel="stylesheet" href="css/aa.css">まあ、実際に参照cssファイルのパスです /a/css/aa.css
CSSディレクトリとは何ですか
単にアドレスを格納するためのCSSファイルです。ここで/a/css
、上記アドレス、CSSファイル（に接続され/a/css/aa.css、参照された後）、それはコードを有しているbackground:url('img/cc.png')。
そしてcc.png、アドレスが実際に参照されます/a/css/img/cc.png。
問題：
経路および使用の前端場合historyモードは、相対パスを使用して導入され、問題があってもよいです。経路は、例えばレベル2アドレス帳に到達したときに：http://ip/1/2相対パスへの参照がある場合、このページを、それが失敗します。すべての相対参照を追加する前に、アドレスになります/1/ディレクトリアドレスを。あなたがこのページを更新すると、バグが出てきました。
PS：ここでは、実際の後のアドレスにパックされ、アドレスの前にアドレスがパックされていません述べました。次のものは、nginxの+ポート、遠位経路（履歴モード）を使用して単一ページのアプリケーションの展開を複数用いて、この点に留意されたいです。