Javascript Can';t在node.js中显示带有EJS文件的图像
我是node.js的新手,我只是在玩node.js来创建一个网站。我想在网站上显示一张图片,该图片与我的ejs文件位于同一目录中,但它没有显示。。我做错什么了吗?谢谢大家! 后端代码Javascript Can';t在node.js中显示带有EJS文件的图像,javascript,html,node.js,ejs,Javascript,Html,Node.js,Ejs,我是node.js的新手,我只是在玩node.js来创建一个网站。我想在网站上显示一张图片,该图片与我的ejs文件位于同一目录中,但它没有显示。。我做错什么了吗?谢谢大家! 后端代码 const express = require('express') //Init App const app = express(); //Load view engine app.set('view engine','ejs'); // Home route app.get('/', function(r
const express = require('express')
//Init App
const app = express();
//Load view engine
app.set('view engine','ejs');
// Home route
app.get('/', function(req,res){
res.render('index.ejs');
});
app.listen(3000, function(){
console.log('Server started in port 3000...');
});
ejs文件内容:
<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
</head>
<body>
<h1>Picture test</h1>
<img src="/Users/aray/Documents/Projects/Node/views/test.jpg">
</body>
</html>
您必须将图像(和其他资产)放在单独的文件夹中,并使用
express.static
:
app.use(express.static('public'))代码>
更多信息可以在express文档中找到:您能给出项目的目录结构吗?-app.js和文件夹视图处于同一级别。在views目录中,我有index.ejs文件和test.jpg图片
- Node
- app.js
- views
- index.ejs
- test.jpg
- Node
- app.js
- views
- index.ejs
- public
- test.jpg
<img src="test.jpg">