在node.js / express中使用EJS显示图像

Question

我只是尝试使用node.js / express / ejs进行设置。我知道ejs并不是真正的HTML，因此我很难显示简单的图像。有人可以指出我正确的方向吗？

目录结构是：

• myApp / server.js
• myApp / views / index.ejs
• myApp / logo.jpg

现在我有

// index.ejs
<img src = "../logo.jpg" />

我会以错误的方式处理吗？谢谢。

Answer 1

Express中的静态文件必须位于static中间件中指定的目录内。通常是./public/。

例如，在您的server.js中，您可能会遇到类似这样的内容：

app.use( express.static( "public" ) );

此文件夹内的每个文件都可以从根URL访问，因此可以使用：

<img src="logo.jpg" />

Answer 2

您必须在app.js上分配app.use( express.static( "public" ) );，然后不要忘记/作为root：

<img src="/images/logo.jpg" />

图像文件夹应位于公用文件夹中：

- public/
  - images/
    - logo.png
- app.js

Answer 3

我的js文件在这里c:/blog/index.js和图像文件c:/blog/views/image.js。并输入js文件此代码

app.use( express.static( "views" ) );

然后在CSS中添加属性

body { 
background-image: url("./image.jpg");
 }