标题http没有传递到我的API

Question

我正在开发一个API，在Go和我的前端Angular（没有AngularJS），但是当我从Angular的Web应用程序调用我的API时，在后端看不到我的标头，特殊情况下我的授权标题，因为我的API具有基于JWT的身份验证。

另外我想提及的是，我使用Postman和Go Request客户端来测试我的应用程序，并且我的API在我的API中交付时没有任何问题。

下面附加的是我后端的CORS和来自我的前端的API调用。

我的后端：

func Cors() gin.HandlerFunc { 
    log.Println("CORS Middleware") 
    return func(c *gin.Context) { 
     c.Writer.Header().Add("Access-Control-Allow-Origin", "*") 
     c.Next() 
    } 
} 

我的前端：

getData() { 

const auth = `Bearer ${this.token}`; 

const headers = new Headers({ 
    'Access-Control-Allow-Origin': '*', 
    'Accept': 'application/json', 
    'Authorization': auth, 
}); 

const options = new RequestOptions(headers); 

console.log(headers); //Here I can see 

const products = this.http.get('localhost:8000/api/products', options) 
       .subscribe((response: Response) => { 
        this.data = response.json(); 
       }); 
return products; 
} 

感谢和我的英语很抱歉，我认为我的CORS会引起问题。

Answer 1

而不是

const options = new RequestOptions(headers); 

务必：

const options = new RequestOptions({ headers: headers }); 

的constructor for RequestOptions需要RequestOptionsArgs，而不是一个Headers。

---

此外，它似乎你不是很了解CORS。您并不需要从前端向后端发送任何标题（当浏览器发现它是CORS请求时，浏览器会自动添加所需内容）。这些头文件（Access-Control-Allow-Origin）只能由服务器发送。

对于后端，这里是一个改进的建议（应处理大多数情况下）：

func Cors() gin.HandlerFunc { 
    log.Println("CORS Middleware") 
    return func(c *gin.Context) { 
     c.Writer.Header().Set("Access-Control-Allow-Origin", "*") 
     c.Writer.Header().Set("Access-Control-Allow-Methods", "POST, GET, OPTIONS, PUT, DELETE, UPDATE") 
     c.Writer.Header().Set("Access-Control-Allow-Headers", "Origin, Content-Type, Content-Length, Accept-Encoding, X-CSRF-Token, Authorization") 
     c.Writer.Header().Set("Access-Control-Expose-Headers", "Content-Length") 
     c.Writer.Header().Set("Access-Control-Allow-Credentials", "true") 
     c.Writer.Header().Set("Access-Control-Max-Age", "86400") 
     // c.Writer.Header().Set("Content-Type", "application/json") // uncomment if needed 

     if c.Request.Method == "OPTIONS" { 
      fmt.Println("OPTIONS") 
      c.AbortWithStatus(200) 
     } else { 
      c.Next() 
     } 
    } 
}