I have a CORS problem with Angular and Woocommerce

I made a little tool for managing Woocommerce orders with Angular.
I have no problem to get the orders but when I want to update one, I have a CORS problem.

This is my headers in my .htacess :

Header always set Access-Control-Allow-Origin "*"
Header always set Access-Control-Allow-Methods: "GET, POST, OPTIONS, DELETE, PUT"
Header always set Access-Control-Allow-Headers "*"

And my Angular function look like this :

const url = 'https://example.com/wp-json/wc/v3/orders/[ID_COMMANDE]?consumer_key=[CLE_CLIENT]&consumer_secret=[CLE_SECRET]

const data = {
  status: 'pending' // C'est temporaire juste pour tester
};

const httpOptions = {
  headers : new HttpHeaders({
    'Access-Control-Allow-Origin' : '*',
    'Content-Type':  'application/json',
  }),
};


this.http.put(url, data, httpOptions)
  .subscribe(infos => {
    console.log(infos);
  });

But when I lauch my function (click on a button), I have this :

Chrome :

Chrome problem

Firefox :

Firefox problem

I hope you have enough information for help me.

Source: New feed
Source Url I have a CORS problem with Angular and Woocommerce