CORS in an WP API plugin

enter image description here

I’m trying to debug the JWT plugin for the WordPress API. I’m using it with Angular CLI and the dev environment runs on localhost:4200 while WP is on localhost. I am way out of my depth here, but absolutely unable to test my code because of these errors. (Note that I know the routes basically work as I can reach them using Postman.)

The author runs

private function define_public_hooks()
{
    $plugin_public = new Jwt_Auth_Public($this->get_plugin_name(), $this->get_version());
    $this->loader->add_action('rest_api_init', $plugin_public, 'add_api_routes');
    $this->loader->add_filter('rest_api_init', $plugin_public, 'add_cors_support');
...
}

Then we have

    $enable_cors = defined('JWT_AUTH_CORS_ENABLE') ? JWT_AUTH_CORS_ENABLE : false;
    if ($enable_cors) {
        error_log("add_cors2");
        $headers = apply_filters('jwt_auth_cors_allow_headers', 'Access-Control-Allow-Headers, Content-Type, Authorization');
        header(sprintf('Access-Control-Allow-Headers: %s', $headers));
        header('Access-Control-Allow-Headers: Access-Control-Allow-Headers, Content-Type, Authorization');
    }

I see the error_log in my logs.

But in the dev console I get

XMLHttpRequest cannot load http://localhost/wp-json/restos/v1/post/. Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.

and

Read more here: CORS in an WP API plugin

Leave a Reply

Your email address will not be published. Required fields are marked *