为什么我收到 422 错误代码？

我正在发出 POST 请求，但除了 422 响应之外无法获得任何内容。

Vue.js 客户端代码：

new Vue({
  el: '#app',

  data: {
    form: {
      companyName: '',
      street: '',
      city: '',
      state: '',
      zip: '',
      contactName: '',
      phone: '',
      email: '',
      numberOfOffices: 0,
      numberOfEmployees: 0,
    }
  },

  methods: {
    register: function() {
      this.$http.post('/office-depot-register', this.form).then(function (response) {

        // success callback
        console.log(response);

      }, function (response) {

        // error callback
        console.log(response);

      });
    }
  }
});

Laravel 路线：

Route::post('/office-depot-register', ['uses' => 'OfficeDepotController@register', 'as' => 'office-depot-register']);

Laravel 控制器：

public function register(Request $request)
{
    $this->validate($request, [
        'companyName' => 'required',
        // ...
    ]);

    // ...
}

Laravel 允许您在其接受的字段上定义某些验证。如果您未通过这些验证，它将返回HTTP 422 - Unprocessable Entity。在您的特定情况下，您似乎无法使用空骨架对象进行自己的验证测试，因为companyName是必需的，空字符串无法通过所需的验证。

假设其他字段也经过类似验证，填充的数据对象应该可以解决您的问题。

data: {
  form: {
    companyName: 'Dummy Company',
    street: '123 Example Street',
    city: 'Example',
    state: 'CA',
    zip: '90210',
    contactName: 'John Smith',
    phone: '310-555-0149',
    email: '[email protected] /cdn-cgi/l/email-protection',
    numberOfOffices: 1,
    numberOfEmployees: 2,
  }
}