同一路由下实现GET与POST请求：代码正确性咨询

你的前端代码和两种后端写法都是正确的，完全能实现「页面加载时发起GET请求、表单提交时发起POST请求到同一路由」的需求，具体细节说明如下：

前端代码说明 #

你写的fetch请求写法规范：

await fetch("http://localhost:3000/foo", {
            method: 'GET',
        })

await fetch("http://localhost:3000/foo", {
            method: 'POST',
        })

• GET请求里的method: 'GET'可以省略，因为fetch默认的请求方法就是GET，但显式写出来也没问题，不影响功能。
• 如果是提交表单数据，需要额外处理请求体（比如用FormData封装表单内容）并设置对应的Content-Type请求头，否则后端可能无法正确解析数据，但你当前的代码结构是符合要求的。

后端两种写法的区别 #

两种写法功能完全等价，只是代码组织风格不同：

写法一：独立注册路由 #

app.post('/foo', (req, res) => {
  //do something 1
})

app.get('/foo', (req, res) => {
  //do something 2
})

这是Express最基础的路由注册方式，把不同请求方法的处理逻辑分开定义，逻辑清晰，适合简单场景或路由逻辑相对独立的情况。

写法二：链式路由注册 #

app.route('/foo')
  .get(getHandler)
  .post(postHandler)

function getHandler(req, res) {
  // do something 1
}
function postHandler(req, res) {
  // do something 2
}

通过app.route()把同一路由的不同请求方法处理逻辑链式绑定，代码结构更紧凑，适合路由的GET/POST等逻辑关联紧密的场景，便于后续维护同一路由的所有请求方法。

两种写法没有对错之分，选择哪种取决于你或团队的代码风格偏好。

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