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

Question

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

我怀疑这是由于使用JWT Authoration 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/”时，该字段显示出来。

下一步，我注册自定义endpoint：

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_USERMETA的文档，如果未确定用户ID，函数将返回false。为什么没有确定用户id，我不知道。正如我提到的，我正在使用JWT授权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

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

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

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

Answer 2

试试这个，设置< code >凭证

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

可以通过将其添加到函数中来管理 corse.php

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 );