如何让CORS与golang chi服务器协同工作？
如何让CORS与golang chi服务器协同工作？
提问于 2020-04-05 00:30:58
我正在尝试让跨源请求在一个golang chi服务器(https://github.com/go-chi/chi)上工作。浏览器发出的印前检查请求未获得预期的标头(下面的屏幕截图)。下面是一个脚本，它设置一个简单的go服务器和express服务器
go mod init
cat > main.go <<EOF
package main
import (
"net/http"
"github.com/go-chi/chi"
"github.com/go-chi/cors"
)
func main() {
r := chi.NewRouter()
cors := cors.New(cors.Options{
AllowedOrigins: []string{"*"},
// AllowOriginFunc: func(r *http.Request, origin string) bool { return true },
AllowedMethods: []string{"GET", "POST", "PUT", "DELETE", "OPTIONS"},
AllowedHeaders: []string{"Accept", "Authorization", "Content-Type", "X-CSRF-Token"},
ExposedHeaders: []string{"Link"},
AllowCredentials: true,
MaxAge: 300, // Maximum value not ignored by any of major browsers
})
r.Use(cors.Handler)
r.Post("/blogs", func(w http.ResponseWriter, r *http.Request) {
w.Write([]byte("{\"Ack\": \"OK\"}"))
})
http.ListenAndServe(":8888", r)
}
EOF
go mod tidy
go build -o test-server
# Setup an express web server
npm init -y
npm install express --save
cat > server.js <<EOF
var express = require('express');
var app = express();
app.use('/', express.static(__dirname));
app.listen(3000, function() { console.log('listening')});
EOF
cat > index.html <<EOF
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script>
document.addEventListener("DOMContentLoaded", function (event) {
var payload = { blog: "example" }
fetch('http://localhost:8888/blogs', {
method: 'post',
body: JSON.stringify(payload),
headers: {
"Content-Type": "application/json",
"X-PINGOTHER": "pingpong"
}
})
.then((response) => {
return response.json();
})
.then((data) => {
console.log(data);
});
});
</script>
<body>
</body>
</html>
EOF在一个目录中运行上面的脚本，然后从另一个选项卡执行“npm start”，后跟“./test-server”。在Chrome中导航到“http://localhost:3000/”。打开Chrome开发者工具查看错误
回答 1
Stack Overflow用户
发布于 2020-04-05 03:32:05
在本例中，我能够让go-chi服务器返回预期的标头
Access-Control-Allow-Credentials: true
Access-Control-Allow-Origin: http://localhost:3000
Access-Control-Expose-Headers: Link通过将X-PINGOTHER添加到Cors处理器中间件的选项中。
AllowedHeaders: []string{"X-PINGOTHER", "Accept", "Authorization", "Content-Type", "X-CSRF-Token"},页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61031223
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号