React Golang CROS設定エラー

Question

前提・実現したいこと

React×Redux (port:3000)
Go (port:8080)
でSPAを作っています。

GoのAPIを叩くときにCROSのエラーに遭遇してしまいます。
この問題は何度も遭遇しており、解決したと思ったら新しいAPIを叩く度に直面します。

基本的な設定は行なっているはずなのですが、何が原因かわからず困っています。
お力を貸して頂けると幸いです。

発生している問題・エラーメッセージ

Access to XMLHttpRequest at 'http://localhost:8080/login' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

こちらはloginAPI（post)を叩いた時に遭遇しました。
しかしながら、何度かこの問題にぶつかった時にapiのheaderとaxios側でcrosの設定をし、
別のgetAPIではエラーを回避しました。

またpostmanでapiを叩いた時headerに
Allow-OriginなどGoで設定したheaderが問題なく付与されている事も確認しております。

該当のソースコード

Goでのheader設定

	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")

react axiosの設定

axios.defaults.baseURL = 'http://localhost:8080';
axios.defaults.headers.post['Content-Type'] = 'application/json';

エラーが出ているpostしているコード

export const signIn = (email, password) => {
    return async (dispatch) => {
        try {
            const response = await axios.post('/login', {
                email: email,
                password: password,
            });
            const data = response.data;
            dispatch(
                signInAction({
                    isSignedIn: true,
                })
            );
        } catch (error) {
            console.log(error);
        }
    };
};

成功しているgetapiを叩いているコード

 useEffect(() => {
        async function fetchTickers() {
            try {
                const response = await axios.get(`/ticker?symbol=^skew`);
                const data = response.data;
                setChartAry([...chartAry, [...data.daily]]);
            } catch (error) {
                console.log(error);
                setChartAry([]);
            }
        }
        fetchTickers();
    }, []);

試したこと

Qiitaなどでヒットする解決作は一通り試しました。
また、ブラウザ自体の問題の可能性も考え,キャッシュクリアなども行いました。

getとpostによるaxiosの違いでしょうか？
また、どのようにデバッグすればよろしいでしょうか？

ご教示頂けると幸いです。

Answer 1

gorilla/muxでメソッドにバリデーションがかかっていました。

   - r.HandleFunc("/login", app.loginHandler).Methods("POST")
   + r.HandleFunc("/login", app.loginHandler).Methods("POST", "OPTIONS")

またプリフライトに対応する必要がありました。

if r.Method == "OPTIONS" {
    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")
    w.WriteHeader(http.StatusOK)
		return
}