基于gorilla/mux包实现路由匹配中如何通过CORS处理跨域请求
本篇文章为大家展示了基于gorilla/mux 包实现路由匹配中如何通过CORS处理跨域请求,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
成都创新互联专注于新郑网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供新郑营销型网站建设,新郑网站制作、新郑网页设计、新郑网站官网定制、微信小程序开发服务,打造新郑网络公司原创品牌,更为您提供新郑网站排名全网营销落地服务。
在 SPA 应用或者其他前后端分离应用中,如果前后端域名不一致,则可能涉及到跨域请求问题。
关于跨域请求和 CORS 学院君之前在 Laravel CORS 扩展包使用教程 中曾简单介绍过,不了解的可以去看下,这里不再重复讲了,Go 语言这边的原理和那里一致,在基于 gorilla/mux 实现的路由器中,为了通过 CORS 处理跨域请求,可以这么做:
在自己的 CORS 处理器中设置 CORS 相关头,比如
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
路由发起请求:
curl -v http://localhost:8080/api/cors
使用 -v
选项可以看到请求头和响应头信息,结果如下:
可以看到响应头中包含了 Access-Control-Allow-Methods
和 Access-Control-Allow-Origin
响应头,分别表示跨域请求支持的方法和域名,如果前端域名是 fontend.xueyuanjun.com
,后端域名是 backend.xueyuanjun.com
,那么现在它们之间可以基于 Ajax 请求进行通信了。
上述内容就是基于gorilla/mux 包实现路由匹配中如何通过CORS处理跨域请求,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。
本文名称:基于gorilla/mux包实现路由匹配中如何通过CORS处理跨域请求
文章转载:http://ybzwz.com/article/jdciog.html