Node.js Express服务器无法加载静态文件，提示Cannot GET /URL错误

问题原因 #

你代码里express.static静态资源中间件的注册顺序放错了位置：Express 所有路由、中间件的注册都必须写在app.listen启动服务之前，服务启动完成后再注册的中间件不会生效，所有静态资源请求自然无法被正确处理，才会抛出404的Cannot GET错误。

修复方案 #

调整代码顺序，把静态资源注册逻辑移到app.listen之前即可：

const express = require('express')
const app = express()
const port = 3000

// 先注册静态资源中间件
app.use(express.static("Login"))

app.get('/', (req, res) => {
  res.send('Hello World!')
})

// 最后再启动服务
app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})

修改后重启服务即可正常访问Login文件夹下的静态资源，比如Login文件夹里有index.html的话直接访问http://localhost:3000/index.html就能加载到对应文件。

补充说明 #

如果你不想直接暴露静态资源路径，可以给静态服务加虚拟访问前缀：

app.use('/login-static', express.static("Login"))

此时访问Login文件夹下的文件需要加上前缀，比如http://localhost:3000/login-static/index.html。

内容的提问来源于stack exchange，提问作者Joshua Ubani-Wokoma