相対パスの問題、私は次の階層を持っている私のVisual Studioプロジェクトで

Question

：

index.html 
/Images 
/Scripts 
/App 
    /login/login.html 
    /page1/page1.html 

login.htmlとpage1.htmlはindex.htmlをページ上のUIビューのdiv内にレンダリングされている部分ページです。 login.htmlとし、page1.htmlの両方で

私はいくつかの画像を持っているパスは、次のように指定されているために：

<img id="img1" src="../../Images/img_1.jpg"> 

それは正常に動作しますが、私は私のサーバー上でアプリケーションを移動すると、ディレクトリ構造が同じであってもイメージは見つかりません。

私がサーバー上で行う必要があるのは、すべてのパスを"Images/img_1.jpg"に変更することです。

だから私は何も変更しない場合は、アプリを見ている：

http://server3/Images/img_1.jpg。

、画像が

http://localhost:61777/Images/img_1.jpg

で私のdevのマシンで

http://server3/myproject/Images/img_1.jpg

画像パスが現れるに実際にあります

<img id="img1" src="../../Images/img1.jpg" ng-error="SetPath(this, 'Images/img1.jpg')"> 

：

はそれほど明確サーバ上では、私は（ONERROR）NGエラーのパスを変更することによって発見されていない画像の問題を修正しようとしている

http://server3/Images/img_1.jpg

に変換します

私のjavascriptの

function SetPath(el, path) { 
    el.src = path; 
} 

私は手動で行う必要はないだろうが、それは動作しません、JavaScriptは呼び出されません。

誰でも修正プログラムを提案できますか？サーバー上で

：http://server3/myproject/../../Images/img_1.jpgがに変換され

ことの一つは、私はそれ

Answer 1

アプリへのアクセス権を持っていないとして、私は私のマシン上でIISでアプリを再構成することはできませんですのでindex.htmlベースパスから画像パスを変換しますhttp://server3/Images/img_1.jpg

あなたの開発マシンで：http://localhost:61777/../../Images/img_1.jpgはhttp://localhost:61777/Images/img_1.jpgに翻訳されています。これは、あなたのアプリがサブフォルダにないために機能します。

<img id="img1" src="./Images/img1.jpg">を入力すると、両方の環境で動作するはずです。