处理 CORS 表单提交

Question

我从 localhost:3000 提供了一个非常简单的表单

<form id="my-HTML-form" action="http://localhost:8080" method="POST">

    <input type="text" placeholder="Username" name="username" />

    <input type="password" placeholder="Password" name="password" />

    <input type="hidden" name="form-id" value="login" />

    <button type="submit">Submit</button>

</form>

在 localhost:8080 上，我有一个非常简单的 go 服务器：

package main

import (

    "log"

    "net/http"

)

func main() {

    // Start the server

    http.HandleFunc("/", handler)

    serverErr := http.ListenAndServe(":8080", nil)

    if serverErr != nil {

        log.Println("Error starting server")

        log.Fatal(serverErr)

    }

}

func handler(w http.ResponseWriter, r *http.Request) {

    log.Println(r.Header.Get("Origin"))

    log.Println(r.Method)

    w.Header().Set("Access-Control-Allow-Origin", "*")

    w.Header().Set("Access-Control-Allow-Methods", "GET, POST, OPTIONS")

    w.Header().Set("Access-Control-Allow-Headers",

    "Accept, Accept-Encoding, Authorization, Content-Length, Content-Type, Origin, X-CSRF-Token")

    w.WriteHeader(http.StatusOK)

}

当我提交表单时，我实际上收到了两个请求！一个 POST 和一个 GET！这是单次提交后我的控制台：

$ http://localhost:3000

$ POST

$ 

$ GET

请注意 GET 请求没有附加源。我正在尝试执行一些逻辑，然后根据成功或失败将用户重定向到不同的 url。但我不能这样做，因为 GET 请求紧跟在 POST 请求之后。我可以使用 AJAX，没问题，但我希望找到一个简单的 html 表单提交的解决方案。

任何想法，想法？是否所有浏览器都遵循POST/Redirect/Get范式，而我是 SOL？

Answer 1

我假设您的表单操作是action="http://localhost:8080"因为您说这是一个跨源请求。第二个 GET 请求是对 favicon 的请求（正如 elithrar 在评论中指出的那样）。做一个log.Println(r.URL)来确保。我不确定为什么浏览器不向它添加原始标题。您可以通过替换w.WriteHeader(http.StatusOK)为例如，&nbsp;重定向请求http.Redirect(w, r, "http://localhost:3000/success.html", http.StatusSeeOther)。