Express+EJS+SQLite3项目posts.forEach不是函数问题求助

错误根源 #

1. 查询方法错误：使用db.get()获取数据，该方法仅返回单条记录（对象类型），而非数组，无法调用forEach方法
2. 数据传递嵌套错误：后端传递给EJS的posts被多嵌套了一层对象，导致前端拿到的不是数组
3. POST存储错误：直接将req.file对象存入数据库，而非实际文件路径
4. EJS输出语法错误：图片路径未使用<%= %>标签，无法正确渲染路径值

修复步骤 #

1. 修复GET请求的查询与数据传递

将db.get()替换为db.all()（用于获取多条记录），同时修正数据赋值逻辑：

//GET REQUEST
db.all('SELECT * FROM posts', (err, rows) => {
    if (err) {
        return res.status(500).send('Error fetching data from table2');
    }
    // 直接将数组赋值给posts，同时确保无数据时为空白数组
    responseData.posts = rows || [];

    res.render('profile', responseData);
});

2. 修复POST请求的文件路径存储

将req.file替换为req.file.path，仅存储文件的实际路径：

//POST REQUEST
app.post('/createpost', upload.single('file'), (req, res) => {
    const title = req.body.title;
    const description = req.body.description;
    // 提取文件路径，处理无文件的情况
    const imagePath = req.file ? req.file.path : '';
    
    db.run('INSERT INTO posts (title, description, imagepath) VALUES (?, ?, ?)', [title, description, imagePath], (err) => {
        if (err) {
            return res.status(500).send('Error making post');
        }
        res.redirect('/profile');
    });
});

3. 修复EJS页面的图片输出语法

修正图片路径的输出标签，使用<%= %>确保路径值被正确渲染：

//EJS OUTPUT
<% posts.forEach(post => { %>
    <li><%= post.title %> </li>
    <img src="<%= post.imagepath %>">
<% }); %>

内容的提问来源于stack exchange，提问作者samir419