Breaking News: Grepper is joining You.com. Read the official announcement!

wordpress rest api cors error

Add Answer

Amjad Saeed answered on January 21, 2023 Popularity 8/10 Helpfulness 5/10

answer wordpress rest api cors error

wordpress rest api cors error

Comment

Add this to your WordPress function.php file and you should be set!

Remember to update the text ‘yourfrontenddomain’ to the domain you are using on the front end.

Hopefully this solves your WordPress CORS issue!

add_action('init', 'handle_preflight');
function handle_preflight() {
    $origin = get_http_origin();
    if ($origin === 'https://yourfrontenddomain') {
        header("Access-Control-Allow-Origin: yourfrontenddomain");
        header("Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE");
        header("Access-Control-Allow-Credentials: true");
        header('Access-Control-Allow-Headers: Origin, X-Requested-With, X-WP-Nonce, Content-Type, Accept, Authorization');
        if ('OPTIONS' == $_SERVER['REQUEST_METHOD']) {
            status_header(200);
            exit();
        }
    }
}
add_filter('rest_authentication_errors', 'rest_filter_incoming_connections');
function rest_filter_incoming_connections($errors) {
    $request_server = $_SERVER['REMOTE_ADDR'];
    $origin = get_http_origin();
    if ($origin !== 'https://yourfrontenddomain') return new WP_Error('forbidden_access', $origin, array(
        'status' => 403
    ));
    return $errors;
}

https://robertmarshall.dev/blog/wordpress-rest-api-cors-issues/

Popularity 8/10 Helpfulness 5/10 Language whatever

Source: Grepper

Tags: cors whatever wordpress-rest-api

Link to this answer
Share Copy Link

Contributed on Jan 21 2023

Amjad Saeed

0 Answers Avg Quality 2/10

wordpress rest api cors error

Contents

More Related Answers

wordpress rest api cors error

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.