$http.post() 方法实际上是发送一个 GET

Question

注意：

我发现一个可能相关的问题需要一个新问题

这是一个奇怪的问题。我在 2 年的时间里一直在使用 angular，但从未运行遇到过这个问题。

我正在使用 angular v1.5.0。我正在发出这样的 post 请求：

$http({
    method: "POST",
    url: "/myurl",
    data: {
        file: myFile // This is just an object
    }
});

Run-of-the-millPOST要求对吗？得到这个。我查看控制台，网络选项卡将请求记录为 GET。离奇。所以我把代码改成了这样：

$http.post("/myurl", {file: myFile});

同样的事情。在单步执行 $http 服务代码后，我确信 headers 设置正确。还有其他人运行遇到过这个问题吗？

更新

听取 germanio 的建议，我尝试使用 $resource 服务：

promise = $resource("/upload").save()

（这个 returns 是另一个原因的错误，它仍然正确地执行 POST）。我遇到了同样的问题：请求在控制台中记录为 GET。

这是请求到达我的服务器时的 headers：

GET /myurl/ HTTP/1.1
Host: localhost:8001
Accept: application/json, text/plain, */*
Accept-Encoding: gzip, deflate, sdch
Accept-Language: en-US,en;q=0.8
Cache-Control: no-cache
Connection: keep-alive
Pragma: no-cache
Referer: http://localhost:8001/myurl/
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.87 Safari/537.36

更新 2

根据 georgeawg 的建议，我使用拦截器在各个阶段记录请求。这是拦截器代码：

$httpProvider.interceptors.push(function() {
    return {
        request: function(config) {
            console.log(config);
            return config;
        }
    }
}

有了运行这个代码，我就记录了这个：

data:Object // contains file object
headers: Object // has Content-Type set to multipart
method:"POST" // ???
url :"/myurl

所以这意味着请求是从 Angular 中作为 POST 发送的，但在浏览器和我的服务器上它仍然被记录为 GET。我认为这里有一些我不理解的关于 HTTP 协议的底层工作。

请求是否在实际登录浏览器之前发送到服务器？如果是这样，那可能至少指向我的服务器是罪魁祸首。

希望找出发生了什么，这是我的服务器代码：

type FormStruct struct {
    Test string
}

func PHandler(w http.ResponseWriter, r *http.Request) {
    var t FormStruct

    req, _ := httputil.DumpRequest(r, true)

    log.Println(string(req))
    log.Println(r.Method) // GET
    log.Println(r.Body)

    decoder := json.NewDecoder(r.Body)
    err := decoder.Decode(&t)
    log.Println("Decoding complete")
    if err != nil {
        log.Println("Error")
        panic(err.Error()+"\n\n")
    }
    log.Println(t.Test)

    w.Write([]byte("Upload complete, no errors"))
}

func main() {
    http.HandleFunc("/myurl/", PHandler)    
    fmt.Println("Go Server listening on port 8001")
    http.ListenAndServe(":8001", nil)
}

我的服务器在收到请求时抛出 EOF 错误：

2016/03/30 10:51:37 http: panic serving [::1]:52039: EOF

不确定 EOF 在这种情况下的含义。

更新 3

根据其他用途的建议，我尝试使用 POSTMAN 向我的服务器发送一个伪造的 POST 请求。服务器正确接收请求。这对我来说意味着 angular 发出 POST 请求的方式有问题。请帮助。

有什么想法吗？

完整的服务器日志：

Go Server listening on port 8001

2016/03/30 11:13:08 GET /myurl/ HTTP/1.1
Host: localhost:8001
Accept: */*
Accept-Encoding: gzip, deflate, sdch
Accept-Language: en-US,en;q=0.8
Cache-Control: no-cache
Connection: keep-alive
Content-Type: application/json
Postman-Token: 33d3de90-907e-4350-c703-6c57a4ce4ac0
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.87 Safari/537.36
X-Xsrf-Token: null


2016/03/30 11:13:08 GET
2016/03/30 11:13:08 {}
2016/03/30 11:13:08 Decoding complete
2016/03/30 11:13:08 Error
2016/03/30 11:13:08 http: panic serving [::1]:52228: EOF


goroutine 5 [running]:
net/http.(*conn).serve.func1(0xc820016180)
    /usr/local/Cellar/go/1.6/libexec/src/net/http/server.go:1389 +0xc1
panic(0x3168c0, 0xc82000b1a0)
    /usr/local/Cellar/go/1.6/libexec/src/runtime/panic.go:426 +0x4e9
routes.FUPHandler(0x1055870, 0xc820061ee0, 0xc820104000)
    /Users/projectpath/routes.go:42 +0x695
net/http.HandlerFunc.ServeHTTP(0x4e7e20, 0x1055870, 0xc820061ee0, 0xc820104000)
    /usr/local/Cellar/go/1.6/libexec/src/net/http/server.go:1618 +0x3a
net/http.(*ServeMux).ServeHTTP(0xc820014b40, 0x1055870, 0xc820061ee0, 0xc820104000)
    /usr/local/Cellar/go/1.6/libexec/src/net/http/server.go:1910 +0x17d
net/http.serverHandler.ServeHTTP(0xc820016100, 0x1055870, 0xc820061ee0, 0xc820104000)
    /usr/local/Cellar/go/1.6/libexec/src/net/http/server.go:2081 +0x19e
net/http.(*conn).serve(0xc820016180)
    /usr/local/Cellar/go/1.6/libexec/src/net/http/server.go:1472 +0xf2e
created by net/http.(*Server).Serve
    /usr/local/Cellar/go/1.6/libexec/src/net/http/server.go:2137 +0x44e

更新 4

我偶然发现了一些有趣的东西：

当我 post 到 myurl 时，Charles 记录了一个 POST 请求，但响应状态为 301。在 POST 之后记录了一个 GET。这是正在访问我的服务器的 GET。

正如您在上面看到的，我的服务器不进行任何类型的重定向。 301 是怎么回事？

Answer 1

这是出于安全考虑。

在您的情况下，当重定向从服务器发送回浏览器时，浏览器不会重复 POST 请求（而只是 "simple" GET 请求）。

一般来说，浏览器不会将 POST 数据发送到重定向 URL，因为浏览器没有资格决定您是否愿意将相同的数据发送到新的 [=30] =] 您打算发送给原始 URL 的内容（考虑密码、信用卡号和其他敏感数据）。但是不要试图绕过它，只需使用您的处理程序的注册路径 POST 或链接答案中提到的任何其他提示。

有关上下文，请参阅问题：

您可以在此处阅读有关该主题的更多信息：

Why doesn't HTTP have POST redirect?

Answer 2

此代码实际发送 GET 到服务器

$http({
            method: 'POST',            
            params: {
                LoginForm_Login: userData.username,
                LoginForm_Password: userData.password
            },
            url: YOURURL
        }).then(

你需要使用transformRequest，下面的示例实际发送POST

$http({
            method: 'POST',
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            transformRequest: function (obj) {
                var str = [];
                for (var p in obj)
                    str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
                return str.join("&");
            },
            data: {
                LoginForm_Login: userData.username,
                LoginForm_Password: userData.password
            },
            url: YOURURL
        }).then(

$http.post() 方法实际上是发送一个 GET

$http.post() method is actally sending a GET

http

go

angularjs

angular-http

注意：

更新

更新 2

更新 3

更新 4