vue.js - Laravel 使用vue-resource发送ajax请求怎么添加CsrfToken

问题描述

问 题

Laravel 使用vue-resource发送ajax请求怎么添加CsrfToken，

下面是用formData发送ajax请求demo：

{
  var formData = new FormData();

  // append string
  formData.append('foo', 'bar');

  // append Blob/File object
  formData.append('pic', fileInput, 'mypic.jpg');

  // POST /someUrl
  this.$http.post('/someUrl', formData).then((response) => {
    // success callback
  }, (response) => {
    // error callback
  });
}

上面代码会遇到CsrfToken问题，应该怎么添加？

解决方案

<meta name="csrf-token" content="{{ csrf_token() }}">

<script>
Vue.http.headers.common['X-CSRF-TOKEN'] = document.querySelector('meta[name=csrf-token]').getAttribute('content')
</script>

这篇关于vue.js - Laravel 使用vue-resource发送ajax请求怎么添加CsrfToken的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！