Wordpress Api 自定义 api 不起作用

Question

我正在使用 ionic2 和 wordpress api 并面临此错误 XMLHttpRequest 无法加载 http://uniquecoders.in/dev/videogallery/wp-json/wp/v2/sp_html5video。请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 'http://localhost:8100' 因此不允许访问。

Answer 1

尝试在 wordpress htaccess 文件中添加代码

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

并在 wordpress 中添加以下操作

/**
 * Use * for origin
 */
add_action( 'rest_api_init', function() {

    remove_filter( 'rest_pre_serve_request', 'rest_send_cors_headers' );
    add_filter( 'rest_pre_serve_request', function( $value ) {
        header( 'Access-Control-Allow-Origin: *' );
        header( 'Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE' );
        header( 'Access-Control-Allow-Credentials: true' );

        return $value;

    });
}, 15 );

或者只是在 wp-content/plugins/json-api/singletons/api.php 中添加以下内容

 <? header("Access-Control-Allow-Origin: *"); ?>

Answer 2

这基本上是CORS 的问题，而不是来自API 的问题，因为您尝试从不同的来源访问。

您有几个很好的答案over here 以启用从特定来源或任何来源的访问（因为您可以指定单个来源或任何来源）。