Не удается отправить запрос post, когда "Content-Type" установлен в "application / json"

Я работаю над приложением React, и я использую fetch для отправки запроса. Недавно я сделал форму регистрации, и теперь я интегрирую ее с его API. Ранее API принимал url-кодированные данные, и все это работало нормально. но теперь, когда требование изменилось и API принимает данные в JSON, мне пришлось изменить заголовок content-type с "application/x-www-form-urlencoded" на "application/json". Но я получаю следующую ошибку:

Fetch API не может загрузить http://local.moberries.com/api/v1/candidate. Ответ на предварительный запрос не проходит проверку контроля доступа: нет Заголовок "Access-Control-Allow-Origin" присутствует на запрошенном ресурс. Происхождение'http://localhost:3000 ' поэтому не допускается доступ. Если непрозрачный ответ служит вашим потребностям, установите запрос режим "no-cors"для извлечения ресурса с отключенным CORS.

Я даже установил 'Access-Control-Allow-Headers' в API, но он все еще не работает. Вот соответствующий код для клиентской стороны:

sendFormData() {
    let {user} = this.props;

    var formData = {
      first_name: ReactDOM.findDOMNode(this.refs.firstName).value,
      last_name: ReactDOM.findDOMNode(this.refs.lastName).value,
      city: ReactDOM.findDOMNode(this.refs.currentCity).value,
      country: ReactDOM.findDOMNode(this.refs.currentCountry).value,
      is_willing_to_relocate: user.selectedOption,
      cities: relocateTo,
      professions: opportunity,
      skills: skills,
      languages: language,
      min_gross_salary: minSal,
      max_gross_salary: maxSal,
      email: ReactDOM.findDOMNode(this.refs.email).value,
      password: ReactDOM.findDOMNode(this.refs.password).value
    };

    var request = new Request('http://local.moberries.com/api/v1/candidate', {
      method: 'POST',
      mode: 'cors',
      headers: new Headers({
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      })
    });

    var requestBody = JSON.stringify(formData);

    console.log(requestBody);

    fetch(request, {body: requestBody})
      .then(
        function (response) {
          if (response.status == 200 || response.status == 201) {
            return response.json();
          } else {
            console.log('Failure!', response.status);
          }
        }).then(function (json) {

      var responseBody = json;

      console.log(typeof responseBody, responseBody);
    });

  }

и вот соответствующий код API:

class Cors
{
    /**
     * Handle an incoming request.
     *
     * @param  IlluminateHttpRequest  $request
     * @param  Closure  $next
     * @return mixed
     */
    public function handle($request, Closure $next)
    {
        return $next($request)
            ->header('Access-Control-Allow-Origin', '*')
            ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS')
            ->header('Access-Control-Allow-Headers: Origin, Content-Type, application/json');
    }
}

Я действительно не могу понять проблему. Любая помощь будет оценили.