wasm 上的 HTTP 请求在正文上返回状态 0 和 0 字节

golang学习网今天将给大家带来《wasm 上的 HTTP 请求在正文上返回状态 0 和 0 字节》，感兴趣的朋友请继续看下去吧！以下内容将会涉及到等等知识点，如果你是正在学习Golang或者已经是大佬级别了，都非常欢迎也希望大家都能给我建议评论哈~希望能帮助到大家！

使用 golang 的 wasm 上的 http 请求正在工作或部分工作，由于某种原因，请求返回，但状态代码为 0 并且正文有 0 字节，以下是有关测试和预期的更多详细信息。

您使用的 go 版本（go 版本 ）？

$ go version 
go1.17 darwin/amd64

最新版本是否会重现此问题？

是的，我使用的是最新版本的1.17

您使用什么操作系统和处理器架构 (go env)？

$ go env
go111module=""
goarch="amd64"
gobin=""
gocache="/users/eduardo/library/caches/go-build"
goenv="/users/eduardo/library/application support/go/env"
goexe=""
goexperiment=""
goflags=""
gohostarch="amd64"
gohostos="darwin"
goinsecure=""
gomodcache="/users/eduardo/.go/pkg/mod"
gonoproxy=""
gonosumdb=""
goos="darwin"
gopath="/users/eduardo/.go"
goprivate=""
goproxy="https://proxy.golang.org,direct"
goroot="/users/eduardo/.asdf/installs/golang/1.17/go"
gosumdb="sum.golang.org"
gotmpdir=""
gotooldir="/users/eduardo/.asdf/installs/golang/1.17/go/pkg/tool/darwin_amd64"
govcs=""
goversion="go1.17"
gccgo="gccgo"
ar="ar"
cc="clang"
cxx="clang++"
cgo_enabled="1"
gomod="/users/eduardo/projects/test-wasm/go.mod"
cgo_cflags="-g -o2"
cgo_cppflags=""
cgo_cxxflags="-g -o2"
cgo_fflags="-g -o2"
cgo_ldflags="-g -o2"
pkg_config="pkg-config"
gogccflags="-fpic -arch x86_64 -m64 -pthread -fno-caret-diagnostics -qunused-arguments -fmessage-length=0 -fdebug-prefix-map=/var/folders/sp/kd1c03556vx3j0klnmw50tnc0000gn/t/go-build2171896039=/tmp/go-build -gno-record-gcc-switches -fno-common"

你做了什么？

使用以下行将以下代码编译并运行为 wasm 二进制文件，并尝试在浏览器上运行，这里使用 chrome 在版本 version 92.0.4515.131 (official build) (x86_64) 上进行测试

# compile with the following line
goarch=wasm goos=js go build -o static/wasm-test.wasm

wasm 二进制代码

// +build js,wasm

package main

import (
    "fmt"
    "io/ioutil"
    "net/http"
)

func main() {
    client := &http.client{}

    req, err := http.newrequest("get", "https://golang.org", nil)
    if err != nil {
        panic(err)
    }
    req.header.add("js.fetch:mode", "no-cors")

    resp, err := client.do(req)
    if err != nil {
        panic(err)
    }
    defer resp.body.close()

    body, err := ioutil.readall(resp.body)
    if err != nil {
        panic(err)
    }

    fmt.printf("code %d response len %d\n", resp.statuscode, len(body))
}

使用以下 html 在服务器上运行

我正在使用以下 golang 服务器来测试 web 服务器

package main

import (
    "flag"
    "fmt"
    "log"
    "net/http"
)

func main() {
    port := 8888
    directory := "static"
    flag.parse()

    http.handle("/", http.fileserver(http.dir(directory)))

    log.printf("serving %s on http port: %d\n", directory, port)
    log.fatal(http.listenandserve(fmt.sprintf(":%d", port), nil))
}

还使用 goroot libexec/misc/wasm/wasm_exec.js 中的 wasm_exec.js

您期望看到什么？

在浏览器控制台上预计会看到 code 200 response len 9953

你看到了什么？

code 0 响应长度 0

在 chrome 上，调用堆栈似乎没问题：

syscall/js.valueCall @ http://localhost:8888/wasm_exec.js:399
$syscall_js.valueCall @ http://localhost:8888/wasm-test.wasm:1
$syscall_js.Value.Call @ http://localhost:8888/wasm-test.wasm:1
$net_http.__Transport_.RoundTrip @ http://localhost:8888/wasm-test.wasm:1
$net_http.send @ http://localhost:8888/wasm-test.wasm:1
$net_http.__Client_.send @ http://localhost:8888/wasm-test.wasm:1
$net_http.__Client_.do @ http://localhost:8888/wasm-test.wasm:1
$main.main @ http://localhost:8888/wasm-test.wasm:1
$runtime.main @ http://localhost:8888/wasm-test.wasm:1
$wasm_pc_f_loop @ http://localhost:8888/wasm-test.wasm:1
$wasm_export_run @ http://localhost:8888/wasm-test.wasm:1
run @ http://localhost:8888/wasm_exec.js:570
(anonymous) @ http://localhost:8888/:9
(anonymous) @ http://localhost:8888/:8

正确答案

这是一个 cors 问题，涉及 fetch 使用的不透明响应，更多详细信息位于：

• https://developers.google.com/web/updates/2015/03/introduction-to-fetch
• https://stackoverflow.com/a/40427882/466088
• redux fetch body is not use with no cors mode
• https://fetch.spec.whatwg.org/#concept-filtered-response-opaque

理论要掌握，实操不能落！以上关于《wasm 上的 HTTP 请求在正文上返回状态 0 和 0 字节》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！