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

Question

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

有几个控制器和下一个文件夹结构：

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

我如何在 ejs 文件中引用图像，以便它在整个项目中正常工作，并且分别在每个控制器中（例如 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"/>