已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查

龙善文

我已经创建了旅行服务器。它工作正常，我们可以POST通过 Insomnia但是当我们发出请求时，POST通过过前端axios当发出请求时，它会发送一个错误：

has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: It does not have HTTP ok status.

我们对 axios 的要求：

let config = {headers: {  "Content-Type": "application/json", 'Access-Control-Allow-Origin': '*', }}let data = {  "id": 4 } axios.post('http://196.121.147.69:9777/twirp/route.FRoute/GetLists',data,config)   .then((res) => {       console.log(res)   .catch((err) => {       console.log(err)   });}

我的去文件:

func setupResponse(w *http.ResponseWriter,req *http.Request)    (*w).Header().Set("Access-Control-Allow-Origin","*")    (*w).Header().Set("Access-Control-Allow-Methods",&quotOST,GET,OPTIONS,PUT,DELETE")    (*w).Header().Set("Access-Control-Allow-Headers","Accept,Content-Type,Content-Length,Accept-Encoding,X-CSRF-Token,Authorization")}func WithUserAgent(base http.Handler) http.Handler    return http.HandlerFunc(func(w http.ResponseWriter,r *http.Request)    ctx := r.Context()    ua := r.Header.Get("Jwt")    ctx = context.WithValue(ctx,"jwt",ua)    r = r.WithContext(ctx)    setupResponse(&w,r)     base.ServeHTTP(w,r)  })}const  host     = "localhost"    port     = 5432    user     = "postgres"    password = "postgres"    dbname   = "postgres")func main()    psqlInfo := fmt.Sprintf("host=%s port=%d user=%s "            "password=%s dbname=%s sslmode=disable",                                                        host,port,user,password,dbname)    server := &s.Server{psqlInfo}    twirpHandler := p.NewFinanceServiceServer(server,nil)    wrap := WithUserAgent(twirpHandler)      log.Fatalln(http.ListenAndServe(":9707",wrap))}

就像我以前在 一样Insomnia 上面说的，它工作得很好，但当我们发出 axiosPOST请求时，在浏览器的控制台上会出现以下内容：
已被 CORS 策略阻止:对预检请求的响应未通过访问控制检查:无 HTTP ok 状态。
                                                               
- u8 m# ~1 h6 k2 M7 P    解决方案:                                                               
2 p  |  ]5 N, M! _( e                                                                我相信这是最简单的例子：

header := w.Header()header.Add("Access-Control-Allow-Origin","*")header.Add("Access-Control-Allow-Methods","DELETE,POST,GET,OPTIONS")header.Add("Access-Control-Allow-Headers","Content-Type,Access-Control-Allow-Headers,Authorization,X-Requested-With")
' J8 M4 u$ X/ U5 [% V: l& L; M

您还可以添加标题Access-Control-Max-Age，当然，你可以允许任何你想要的标题和方法。
最后，您应响应初始请求：
7 |1 V' O( N" O

if r.Method == "OPTIONS"    w.WriteHeader(http.StatusOK)    return}
. D3 q) A. Z4 O

编辑(2019年 6 月):我们现在为此使用gorilla。他们的东西得到了更积极的维护，他们已经这样做了很长时间。把链接留给旧的，以防万一。
! b3 k% \3 U7 i' G" ^5 A以下旧中间件建议：    当然，使用中间件可能更容易。我不认为我用过，但这次似乎强烈推荐。