Question

对不起，我的英语！我不久前与Axios一起工作，我一直在遭受折磨。实际上，我需要自己将“数据”从Vue通过Axios传输到PHP控制器，在触发Axios方法后，我执行dd（$ request）并看到空白，告诉我可能是问题的原因，谢谢！

P.S。我仍然感到困惑的是，控制台中的“数据”显示在“配置”中，而在“数据”字段中的某种巨型脚本上方是在配置上方。应该这样吗？还是有问题？（请参见下面的控制台的屏幕截图）。

<div id="blank">
  <form>
    <div class="form-grup">
     <label></label>
     <input type="text" class="myform" name="kladr" v-model="kladr">
    </div>
    <div class="form-grup">
     <label></label>
     <input type="text" class="myform" name="ownerKladr" v-model="ownerKladr">
    </div>
    <div class="form-grup">
     <label></label>
     <input type="text" class="myform" name="insurancePeriod" v-model="insurancePeriod">
    </div>
    <button @click.prevent="storeBlank">Accept</button>
  </form>
</div>

var blankjs = new Vue({
   el: '#blank',
   data() {
     return {
       kladr: '',
       ownerKladr: '',
           insurancePeriod: ''
        }
      },

methods: {

  storeBlank() {

    let url = '/blank/' + encodeURIComponent(this.user) + '/save';

    let data = {
   kladr: this.kladr,
    ownerKladr: this.ownerKladr,
    insurancePeriod: this.insurancePeriod
    } 

      axios.post(url, data)

      .then(function (response) {
        console.log(response)      
      })
    }
  }
})

 // PHP

  /**
  * @Route("/blank/{user}/save", name="save_blank")
  */
public function storeBlank(Request $request, User $user): Response
   {

   dd($request); //or dd(json_encode($request));

   }

这是我在console.log中得到的：

data: "<script> Sfdump = window.Sfdump || (function (doc)…re><script>Sfdump("sf-dump-1008019515")</script>↵", status: 200, statusText: "OK", headers: {…}, config: {…}, …}

config:
  adapter: ƒ (e)
    data: "{"data":{"kladr":"", "ownerKladr":"", "insurancePeriod":""}}"
    headers: 
      Accept: "application/json, text/plain, */*"
      Content-Type: "application/json;charset=utf

Answer 1

您的数据在数据对象内部。例如：

axios.post(url, data)
.then(function (response) {
    console.log(response.data);      
 });

您的请求也可能失败。您可以处理错误女巫catch方法。

axios.post(url, data)
.catch(function(error){
    //if your request fail this block will be executed. otherwise 'then' statement will work
})
.then(function (response) {
    console.log(response.data);      
 });

Axios不会将（数据）传递给请求

1 个答案: