Node.js Express无法通过URL访问服务器图片问题求助

针对你遇到的图片URL无法访问的问题，从代码和配置层面逐一排查：

1. 静态文件路径使用相对路径导致定位错误 #

你的静态资源路由用了相对路径 express.static('photoURL')，Express会以启动Node服务的目录为基准查找文件夹，而非当前路由文件所在目录，很容易出现文件存储路径与查找路径不匹配的情况。

修复方式：用__dirname拼接绝对路径，确保路径不受服务启动位置影响：

// 先引入path模块（如果没引入的话）
const path = require('path');

// 替换原静态路由代码
router.use('/photoURL', express.static(path.join(__dirname, 'photoURL')));

2. 确认photoURL文件夹是否存在 #

Multer不会自动创建目标存储文件夹，如果./photoURL不存在，上传的文件其实没有被正确保存。

可以手动创建该文件夹，或者在Multer的destination逻辑中自动创建：

const fs = require('fs');
const storage = multer.diskStorage({
    destination: (req, file, cb) => {
        const dir = './photoURL';
        // 文件夹不存在则创建
        if (!fs.existsSync(dir)) {
            fs.mkdirSync(dir);
        }
        cb(null, dir);
    },
    filename: (req, file, cb) => {
        console.log(file);
        return cb(null,`${file.fieldname}_${Date.now()}${path.extname(file.originalname)}`);
    }
})

3. 调整路由中间件的加载顺序 #

静态资源路由应该优先加载，避免请求被其他中间件拦截。调整代码顺序：

// 静态路由放在最前面
router.use('/photoURL', express.static(path.join(__dirname, 'photoURL')));
router.use(cors());
router.use(express.json());
router.use(body_parser.urlencoded({extended: true}));

4. 验证文件存储与URL的匹配性 #

手动检查photoURL文件夹内是否存在目标图片（比如photoURL_1665529814000.jpg），确认文件名、大小写（Linux/macOS系统大小写敏感）与URL完全一致。如果文件不存在，说明Multer的存储路径配置有误；如果文件存在但无法访问，就是静态路由配置问题。

5. 确认服务端口与URL一致 #

确保Node服务确实运行在5000端口，URL中的localhost:5000与服务启动端口完全匹配。

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