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

标签 angularjs http go angular-http

注意:

我发现了一个可能相关的问题,需要提出一个新问题 here


这是一个奇怪的问题。两年来我一直在使用 Angular,从未遇到过这个问题。

我正在使用 Angular v1.5.0。我正在发出这样的帖子请求:

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

普通的 POST 请求对吗?得到这个。我查看控制台,“网络”选项卡将请求记录为 GET。奇怪。所以我把代码改成这样:

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

同样的事情。单步执行 $http 服务代码后,我确信 header 已正确设置。有没有其他人遇到过这个问题?

更新

服用germanio的建议,我尝试使用 $resource 服务代替:

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

(由于另一个原因返回错误,它仍然正确执行 POST)。我遇到了同样的问题:请求在控制台中记录为 GET。

以下是请求到达我的服务器时的 header :

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 协议(protocol)的低级工作。

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

希望了解发生了什么,这是我的服务器代码:

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

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

当我发布到 myurl 时,Charles 会记录一个 POST 请求,但响应状态是 301。在 POST 之后记录一个 GET。这是访问我的服务器的 GET。

如您在上面看到的,我的服务器不进行任何类型的重定向。 301是怎么发生的?

最佳答案

这是出于安全考虑。

在您的情况下,当重定向从服务器发送回浏览器时,浏览器不会重复 POST 请求(而只是一个“简单”的 GET 请求)。

一般来说,浏览器不会将 POST 数据发送到重定向 URL,因为浏览器没有资格决定您是否愿意将相同的数据发送到新 URL,而您打算发送到原始 URL(想想密码、信用卡号和其他敏感数据)。但不要试图规避它,只需使用处理程序的注册路径来发布到,或链接答案中提到的任何其他提示。

上下文见问题:

Go web server is automatically redirecting POST requests

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

Why doesn't HTTP have POST redirect?

关于angularjs - $http.post() 方法实际上是发送一个 GET,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36295758/

相关文章:

javascript - 如何使用具有相同 ng-model 的多个输入的 angularjs e2e 测试 angularjs 应用程序

javascript - AngularJS 输入监视 $valid 或 $error

http - 如何停止使用 'npm install http-server"下载的 http 服务器?

php - 如何从用于连接到我的网站的上一页获取 URL?不是链接

go - 在本地计算机上运行第一个Go项目时出错

go - 通过读取 .go 文件来反射(reflection)结构类型

javascript - 使用 Angular ui ace 时如何获取范围?

java - Put 请求上的 HTTP 403 Forbidden Jersey

java - MultiPartEntity 以及 android 中的纯文本

amazon-web-services - 在 AWS 上托管时无法访问 Go 服务器