为何Express API无法GET访问public文件夹？静态资源服务配置报错求助

• 路径配置错误
  你代码中express.static('/public')传入的是系统根目录下的绝对路径，通常你需要读取的是当前项目目录下的public文件夹，需要调整为项目内的相对路径，建议搭配Node.js内置path模块拼接路径避免不同操作系统的路径兼容性问题。
• 访问端口不匹配
  你的代码监听的是3000端口，直接访问localhost默认请求80端口，无法命中你的Express服务，需访问localhost:3000测试。
• 缺少默认索引文件
  express.static默认会返回目标目录下的index.html作为根路径响应，如果public文件夹内没有该文件，直接访问根路径也会返回404，此时可直接访问public目录下的具体文件路径验证，例如localhost:3000/test.css。

修复后代码 #

先在你的项目根目录创建public文件夹，放入需要对外开放的静态文件（比如测试用的index.html），再修改代码如下：

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

// __dirname指向当前脚本所在的目录，拼接后得到项目内public文件夹的绝对路径
app.use('/', express.static(path.join(__dirname, 'public')));

// 新增启动日志，方便确认服务正常运行
app.listen(3000, () => {
  console.log('服务已启动，请访问 http://localhost:3000 测试');
});

验证步骤 #

1. 执行node 你的脚本文件名.js启动服务，确认控制台打印了启动日志
2. 浏览器访问http://localhost:3000即可加载public目录下的index.html，若没有index.html，直接访问对应文件路径即可正常获取资源。

内容的提问来源于stack exchange，提问作者ICY Counter-Strike and League