无法在本地主机上获取图像

我正在使用Node.js Express项目,并在index.ejs页面中使用了Bootstrap carousal模板。 如果我尝试将图像保存在“视图”文件夹下的项目中,图像标记不起作用。

<img class="img-circle" src= "/proj1.png" /> 

index.ejs文件也在“views”文件夹中。 错误是:GET http:// localhost:3000 / proj1.png 404(Not Found)。 我试图改变文件的相对path,但它没有工作。

你必须从快递服务你的静态文件:

尝试添加这个:

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

public是您的图像和一切(资产)所在的文件夹)

更多信息: http : //expressjs.com/starter/static-files.html

您需要告诉快递公司从哪里提供静态内容。

app.use(express.static('/path/to/your/folder'))

资料来源: http : //expressjs.com/starter/static-files.html

在生产中,使用nginx提供静态文件是一个通用惯例。 看看。