Node.js+Express上传图片至MySQL后无法访问路径问题求助

你遇到的问题核心是Express未配置对应目录的静态文件服务，导致请求http://127.0.0.1:3000/belleza/xxx.jpg时，服务器找不到对应文件资源，返回404错误。以下是具体解决步骤：

1. 配置静态文件中间件 #

使用Express自带的express.static中间件，将本地belleza目录设为静态资源目录，让服务器能直接返回该目录下的文件。把这段代码放在所有路由配置之前：

const express = require('express');
const app = express();

// 配置静态文件服务：访问/belleza路径时，读取本地belleza目录的文件
app.use('/belleza', express.static('belleza'));

// 你的上传路由放在后面
app.post('/upload', upload.single('image'), (req,res) => {
    // 原上传逻辑保持不变
})

2. 确认文件实际存储位置 #

检查你使用的文件上传工具（大概率是multer）的配置，确保上传的文件确实存到了本地belleza目录下。示例multer配置：

const multer = require('multer');
const storage = multer.diskStorage({
  // 指定文件上传到本地的belleza目录
  destination: function (req, file, cb) {
    cb(null, 'belleza/');
  },
  // 生成和数据库存储一致的文件名
  filename: function (req, file, cb) {
    cb(null, `image-${Date.now()}.jpg`);
  }
});
const upload = multer({ storage: storage });

如果本地belleza目录不存在，手动创建或用代码自动生成：

const fs = require('fs');
if (!fs.existsSync('belleza')) {
  fs.mkdirSync('belleza');
}

3. 优化数据库存储路径（可选） #

没必要把完整的http://127.0.0.1:3000/belleza/xxx.jpg存到数据库，只存相对路径/belleza/xxx.jpg即可。前端使用时直接将该路径放入img的src属性，后续部署到其他服务器时无需修改数据库内容。

注意事项 #

• 确保服务器进程对belleza目录有读写权限，避免文件上传或读取失败
• 测试时可直接在浏览器访问http://127.0.0.1:3000/belleza/image-1672036638251.jpg，能正常显示图片则说明配置成功

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