基于gorilla/mux 包實現(xiàn)路由匹配中如何通過CORS處理跨域請求

本篇文章為大家展示了基于gorilla/mux 包實現(xiàn)路由匹配中如何通過CORS處理跨域請求，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

在 SPA 應用或者其他前后端分離應用中，如果前后端域名不一致，則可能涉及到跨域請求問題。

關(guān)于跨域請求和 CORS 學院君之前在 Laravel CORS 擴展包使用教程 中曾簡單介紹過，不了解的可以去看下，這里不再重復講了，Go 語言這邊的原理和那里一致，在基于 gorilla/mux 實現(xiàn)的路由器中，為了通過 CORS 處理跨域請求，可以這么做：

• 在自己的 CORS 處理器中設置 CORS 相關(guān)頭，比如 Access-Control-Allow-Origin

• 通過 CORSMethodMiddleware 這個中間件來設置 Access-Control-Allow-Methods 響應頭定義路由允許的 HTTP 請求方法

?? 為了讓中間件設置響應頭，必須在請求方法匹配器中包含 OPTIONS 方法。

下面我們來看一個簡單的示例：

package main
import (    "net/http"    "github.com/gorilla/mux")
func main() {    r := mux.NewRouter()
    // 注意: 為了讓中間件可以設置 CORS 頭在 Methods 方法中必須包含 OPTIONS 方法    r.HandleFunc("/api/cors", corsHandler).Methods(http.MethodGet, http.MethodPut, http.MethodOptions)    // CORSMethodMiddleware 中間件會將上一步設置的方法設置到 Access-Control-Allow-Methods 響應頭    r.Use(mux.CORSMethodMiddleware(r))
    http.ListenAndServe(":8080", r)}
func corsHandler(w http.ResponseWriter, r *http.Request) {    w.Header().Set("Access-Control-Allow-Origin", "*")    if r.Method == http.MethodOptions {        return    }
    w.Write([]byte("Cors Request"))}

運行這段代碼啟動服務器，然后通過如下命令對 /api/cors 路由發(fā)起請求：

curl -v http://localhost:8080/api/cors

使用 -v 選項可以看到請求頭和響應頭信息，結(jié)果如下：

可以看到響應頭中包含了 Access-Control-Allow-Methods 和 Access-Control-Allow-Origin 響應頭，分別表示跨域請求支持的方法和域名，如果前端域名是 fontend.xueyuanjun.com，后端域名是 backend.xueyuanjun.com，那么現(xiàn)在它們之間可以基于 Ajax 請求進行通信了。

上述內(nèi)容就是基于gorilla/mux 包實現(xiàn)路由匹配中如何通過CORS處理跨域請求，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。