在具有 JSON 数据的 POST 端点中“未找到页面 (404)”

`Page not found (404)` in POST endpoint with JSON data

我正在尝试使用 POST 端点接受来自 HTML 表单的 JSON 数据,但结果只得到 404 - Page not found,除非我添加没有负载的另一个端点。

所以我可以从模板创建一个演示项目并进行小的更改来测试这个问题:

cd /tmp
dotnet new websharper-web --name Demo --language F#
cd Demo
dotnet run   ## Ok!

编辑 main.html 添加表格:

<div class="container">
    ...
</div>
<form method="post" action="/demo" enctype="application/x-www-form-urlencoded">
    <label>Name</label>
    <input type="text" name="name" />
    <button type="submit">Post</button> 
</form>
<footer class="footer">
...
</footer>

添加到 Site.fs 处理表单请求的代码:

type Data = { name: string }

type EndPoint =
    | [<EndPoint "GET /">] Home
    | ...
    | [<EndPoint "POST /demo"; Json "data">] Demo of data: Data
    | [<EndPoint "POST /demo">] DemoFallback

[<Website>]
    let Main =
        Application.MultiPage (fun ctx endpoint ->
            match endpoint with
            | ...
            | EndPoint.Demo data ->
                printfn "Data: %A" data
                Content.Text "Ok demo with post data"
            | EndPoint.DemoFallback ->
                Content.Text "I don't expect this route"
        )

运行再次项目:

dotnet run

我从浏览器得到 I don't expect this route,但是从 curl:

curl -i -H "Content-Type: application/json" \
  -XPOST "http://localhost:5000/demo" \
  -d '{ "name": "me" }'

或不同的content-type:

curl -i -H "Content-Type: application/x-www-form-urlencoded" \
  -XPOST "http://localhost:5000/demo" \
  -d '{ "name": "me" }'

两者都产生:

HTTP/1.1 200 OK
Date: Tue, 29 Jan 2019 12:57:19 GMT
Server: Kestrel
Transfer-Encoding: chunked

Ok demo with post data

我在这里错过了什么?

HTML 表单不发送 Json 格式的信息,而是使用 url 编码,这类似于 url 中的查询参数,除了它们进入请求的主体而不是 URL,例如,如果您有 2 个字段用户和密码:

User=John&Password=123456

为了从表单接收数据,您需要使用 [< FormData >] 属性:

type Data = { [< FormData >] name: string }

并指出端点是这样的:

 | [< EndPoint "POST /demo" >]  Demo of data: Data