为什么我的 wordpress 本地化 var 在我的前端 js 中不可用

Question

我的目标是本地化一个 wordpress 随机数，用于从管理面板授权 post 对 wp REST API 的请求。

问题是，我无法访问来自 javascript 的随机数。

我已将 wp_localize_script 添加到使我的 javasript 文件排队的操作中：

function my_admin_scripts() {
  wp_enqueue_script( 'admin-js', get_stylesheet_directory_uri().'/js/script.js', false );

    $data = array(
        'nonce' => wp_create_nonce('wp_rest')
    );
    wp_localize_script( 'script', 'wp_api_var', $data );

}
add_action( 'admin_enqueue_scripts', 'my_admin_scripts' );

然后我希望，我可以在我的 script.js 文件中调用它：

console.log (wp_api_var.nonces);

但我不能:

Uncaught ReferenceError: wp_api_var is not defined
<anonymous> https://lisbjergbeboerforening.dk/wp-content/themes/twentyseventeen-child/js/script.js?ver=5.5.1:4

我从错误中了解到我的变量 wp_api_var 不可用，但为什么？

BR 克雷斯滕

Answer 1

您的 Localize 脚本应该是：

/*
* wp_localize_script( string $handle, string $object_name, array $l10n )
*
/*

wp_localize_script( 'admin-js', 'wp_api_var', $data );

您的脚本句柄是 'admin-js'

为什么我的 wordpress 本地化 var 在我的前端 js 中不可用

Why is my wordpress localized var not avaliable in my front end js

wordpress

nonce