CORS設定

Reactなど、別オリジンからAPIを呼び出す際の設定例です。

• 各エンドポイントに対し、下記関数を呼び出して

  1. CORS設定
  2. 本来のルーティング設定

  を行います。

// CORSを設定しつつルーティング設定を行います。
func corsHandleFunc(
	m *http.ServeMux,
	pattern string,
	handler func(http.ResponseWriter, *http.Request),
) {
	m.HandleFunc(pattern, func(w http.ResponseWriter, r *http.Request) {
		w.Header().Set("Content-Type", "application/json")
		w.Header().Set("Access-Control-Allow-Origin", "http://localhost:3000")
		w.Header().Set("Access-Control-Allow-Credentials", "true")
		w.Header().Set("Access-Control-Allow-Headers", "Content-Type")

		handler(w, r)
	})
}

• 下記の要領でルーティング設定を行います:

// 各エンドポイントのルーティング設定を行います。
func Routing() http.Handler {

	// 各ハンドラに紐づくルーティングを設定
	m := http.NewServeMux()

	// First
	firstHandler := handler.NewFirstHandler()
	corsHandleFunc(m, "/first", func(w http.ResponseWriter, r *http.Request) {
		switch r.Method {
		case http.MethodGet:
			firstHandler.First(w, r)
		}
	})

	// Second
	secondHandler := handler.NewSecondHandler()
	corsHandleFunc(m, "/second", func(w http.ResponseWriter, r *http.Request) {
		switch r.Method {
		case http.MethodGet:
			secondHandler.Second(w, r)
		}
	})

	return m
}