在 Gorilla Mux 中配置 CORS：POST 请求出现 403 错误

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《在 Gorilla Mux 中配置 CORS：POST 请求出现 403 错误》，很明显是关于Golang的文章哈哈哈，其中内容主要会涉及到golang等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！

问题内容

我有一个 API，目前正在尝试使用它的一个端点。端点用于 POST 请求，端点按预期工作。API 在云中运行，我对其进行了测试，curl它很完美，然后从我的 react 应用程序中我试图使用它，但我得到了403 status code.

在浏览器的控制台中观看，我看到我在 OPTIONS 请求中收到该错误，并且 POST 永远不会完成。这是控制台中显示的结果的屏幕截图：

然后，我用一个表单制作了一个简单的 HTML 文件，在那里我放置了所需的输入，以及指向这个端点的动作，它工作得很好。然后，我不知道错误在哪里？我在 API 中启用了 CORS

在 API 中，我使用的是 Gorilla/mux，我有这样的东西：

// Set up a router and some routes
    r := mux.NewRouter()
    r.HandleFunc("/", handleHome)
    //some other routes

    headersOk := handlers.AllowedHeaders([]string{"*"})
    originsOk := handlers.AllowedOrigins([]string{"*"})
    methodsOk := handlers.AllowedMethods([]string{"GET", "HEAD", "POST", "PUT", "OPTIONS"})

    // Start http server
    port := fmt.Sprintf(":%d", SomePort)
    http.ListenAndServe(port, handlers.CORS(originsOk, headersOk, methodsOk)(r))

使用：

"github.com/gorilla/mux"
"github.com/gorilla/handlers"

我在浏览器中收到的消息是（西班牙语）：

Solicitud desde otro origen bloqueada: la poltica de mismo origen impide leer el recurso remoto en https://miURL (raztraden: falta la cabecera CORS 'Access-Control-Allow-Origin')。

英文：基本上服务器拒绝请求，因为 CORS 标头不存在。

那么，我在路由器配置中做错了什么？

正确答案

使用rs/cors你应该很容易解决 CORS 问题。

在你的 server.go 上

package main

import (
    . . .       
    "fmt"
    "log"
    "net/http"
    "github.com/gorilla/mux"
    "github.com/rs/cors"
    "../myhandler"
)

func main() {

fmt.Println("Settin up server, enabling CORS . . .")

  c := cors.New(cors.Options{
      AllowedOrigins: []string{"*"}, // All origins
      AllowedMethods: []string{"GET"}, // Allowing only get, just an example
  })

  router := mux.NewRouter()
  // Example handler
  router.HandleFunc("/test", myhandler.TestHandler())
  http.Handle("/", router)

  // Bind to port 8000 and pass our router in and pass the cors Handler
  log.Fatal(http.ListenAndServe(":8000"), c.Handler(router)))

  fmt.Println("Server is ready and is listening at port :8000 . . .")

}

在你的 testhandler.go 上，假设你想接受Content-Type: application/json

. . .

func TestHandler func(w http.ResponseWriter, r *http.Request) {
    w.Header().Set("Content-Type", "application/json")
    w.WriteHeader(http.StatusOK)
    return
}

到这里，我们也就讲完了《在 Gorilla Mux 中配置 CORS：POST 请求出现 403 错误》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于golang的知识点！