javascript - ejs (javascriptmvc) で相対イメージ パスを指定する方法

Question

javascriptmvc で簡単なアプリケーションを実行しようとしています。

いくつかのコントローラーと次のフォルダー構造があります。

/controllerA
  /views
    view1.ejs
    /images
      img1.png
/controllerB
  /views
    view2.ejs
    /images
      img2.png

プロジェクト全体と各コントローラー (例: localhost/myapp/controllerA/controllerA.html) で個別に正しく動作するように、ejs ファイルでイメージを参照するにはどうすればよいですか?

ejs は次のようになります。

<div class="show-control">
  <img src="images/img1.png" alt="Show"/>
  <div class="count"></div>
</div>

Answer 1

画像は ./project/views/images ではなく ./project/public/images に配置する必要があります

次に、スラッシュ付きの相対パスを使用できます /

  <img src="/images/img1.png" alt="Show"/>