javascript - React js - Laravel 5 : Using csrf-token in POST method

Question

我读过一些关于 Laravel 的 CSRF 的问题，但我仍然没有找到如何将它与 React 一起使用。我的目标是创建一个 POST 表单，在其中进行 AJAX 调用。

这是我的 render( ) 的摘录。

render() {
return (
  <form method="post" action="logpage">
   <input type="hidden" name="csrf-token" value="{{{ csrf_token() }}}" />
   //I'm sure this doesn't have csrf_token.

   <input type="text" name ="word" value={this.state.word || ''}/>
   <button onClick={this.submit} className="btn btn-flat btn-brand waves-attach waves-effect" data-dismiss="modal" type="button">Save</button>
  </form>
  );
}

这是提交函数。

submit(){
fetch('/words', {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  },
  body: JSON.stringify({
    //parameters
  })
}).then((response)=>{
  console.log(response);
});
}

我认为问题是 $('meta[name="csrf-token"]').attr('content') 未发送，因为 token 未发送t 生成。但是，我不知道如何在 React 上生成它。

有人有想法吗？

Answer 1

您可以像这样在 Javascript 中回显 token :

<script> 
    var csrf_token = '<?php echo csrf_token(); ?>'; 
</script>

并从 Javascript 中的任何位置访问它

'X-CSRF-TOKEN': csrf_token

我希望这对你有用。