javascript - 如何在ejs(javascriptmvc)中指定相对图像路径

Question

我正在尝试使用 javascriptmvc 做简单的应用程序。

有几个 Controller 和下一个文件夹结构:

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

我如何引用 ejs 文件中的图像，以便它在整个项目中以及在每个 Controller 中分别正常工作(例如 localhost/myapp/controllerA/controllerA.html)？

ejs 看起来像:

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

Answer 1

您应该将图像放入 ./project/public/images 而不是 ./project/views/images

然后你可以使用带有正斜杠的相对路径/

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