標題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() 
     } 
    } 
}