WP Rest API 自定义端点在 GET 和 POST 上返回 false

Question

我有一个用户元的自定义端点，我已成功注册到 WP REST API 并为其创建了一个自定义端点。但是，每当我从我的单页应用程序（使用的 JS 框架是 Vue）发出 GET 和 POST 请求时，返回值为“false”。

我怀疑这是由于使用 JWT Authorization for WP REST API 插件的一些授权问题而发生的。

这是我在 functions.php 应用程序中采取的步骤：

首先我为 REST API 注册用户元字段：

//register user meta to rest api 
add_action( 'rest_api_init', 'adding_user_meta_rest' );

function adding_user_meta_rest (){
    register_meta(
     'user',
     'user_likes',
     array(
         'single'       => false,
         'type'         => 'object',
         'show_in_rest' => true,
     )
 );
};

此步骤似乎工作正常，因为当我使用路径“/wp-json/wp/v2/users/”时显示该字段。

下一步，我注册自定义端点：

add_action('rest_api_init','add_user_likes');

function add_user_likes(){
    register_rest_route(
    'v1/user_likes','/(?P<id>\d+)',[[
        'methods'=> 'GET',
        'callback'=>'get_user_likes'
    ],
    [
        'methods'=> 'POST',
        'callback'=>'post_user_likes'
    ]]);
};

这是我的回调：

function get_user_likes(){
    $current_user_id = get_current_user_id();
    $status = $response->get_status;
    return get_user_meta($current_user_id,'user_likes');
}

function post_user_likes(WP_REST_Request $req){
    $body = $req->get_json_params();
    $current_user_id = get_current_user_id();
    return update_user_meta($current_user_id, 'user_likes',$body);
};

然后在前端，这是我的 POST 请求：

handleLike(){
      fetch(`https://site-url.com/wp-json/v1/user_likes/${this.$store.state.userInfo.id}`,{
        method:"POST",
        body:JSON.stringify({
          post_id:this.currentPost.id,
          post_title:this.currentPost.title.rendered
        }),
         headers: {
          "Content-Type": "application/json",
          "Authorization": `Bearer ${this.$store.state.accessToken}`
        },
      }).then(resp=>resp.json())
      .then(data=>console.log(data)) 

我的 GET 请求也返回 false。

我认为问题在于我没有检索当前用户 ID，因为根据 get_user_meta 和 update_user_meta 的文档，如果未确定用户 ID，该函数将返回 false。为什么没有确定用户ID，我不知道。 正如我所提到的，我正在使用 JWT Authorization for WP REST API。因此，根据我的阅读，我不需要生成随机数，因为 WP 将使用令牌来确定当前用户。让我知道我是否错了。 任何指导将不胜感激。

Answer 1

解决了我的问题。对于使用 JWT Authorization For WP REST API 并在 AWS Lightsail 上托管他们的 Wordpress 数据库的未来用户，以下是 .htaccess 文件必须如何存储在 Bitnami 的 SSH 上：

<Directory "/opt/bitnami/apps/wordpress/htdocs”>
<IfModule mod_rewrite.c>RewriteEngine on
RewriteCond %{HTTP:Authorization} ^(.*)
RewriteRule ^(.*) - [E=HTTP_AUTHORIZATION:%1]
</IfModule>
</Directory>
SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1

我遇到的第二个问题：令牌已经是一个字符串。因此，将它放在模板文字中会导致解析问题。使用简单的连接就可以了。

以下是我在 header 中对授权所做的更改（注意：这是使用 Vue 的 Vuex）：

"Authorization": "Bearer" + this.$store.state.accessToken

Answer 2

试试这个，设置credentials & headers如示例：

method: 'POST',
      credentials: 'same-origin',
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
        'Cache-Control': 'no-cache',
      },
      body: params
    })

可以通过将其添加到functions.php来管理corse

function my_customize_rest_cors() {
    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' );
        header( 'Access-Control-Allow-Credentials: true' );
        header( 'Access-Control-Expose-Headers: Link', false );
        header( 'Access-Control-Allow-Headers: X-Requested-With' );
        return $value;
    } );
}

add_action( 'rest_api_init', 'my_customize_rest_cors', 15 );