title: Unsure what I'm doing wrong with CORS, woocommerce API with a separate React website
body: <p>I have a locally hosted wordpress installation using woocommerce, and a separate locally hosted react webapp that will be used to manage the products. I'm using the woocommerce-rest-api react plugin to call the end points.
  GETs work fine and don't have any issues, however PUT and DELETE I'm having issues with CORS.</p>
  <p>I've updated the wordpress htaccess:
  <a href="https://i.stack.imgur.com/CYVh9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CYVh9.png" alt="enter image description here" /></a></p>
  <p>and call the endpoint like so:</p>
  <p><a href="https://i.stack.imgur.com/SpSB6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SpSB6.png" alt="enter image description here" /></a></p>
  <p>and this is what I get in dev tools:</p>
  <p><a href="https://i.stack.imgur.com/JqsXI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JqsXI.png" alt="enter image description here" /></a></p>
  <p>Here is the preflight headers and response and then the failing call:
  <a href="https://i.stack.imgur.com/dNVyP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dNVyP.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/3JG13.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3JG13.png" alt="enter image description here" /></a></p>
  <p>Any ideas what I'm doing wrong or what I've missed?</p>