В заголовке Access-Control-Allow-Origin 'присутствует ошибка в приложении angular laravel

Question

Я написал простой код для angular в качестве внешнего интерфейса и laravel в качестве внутреннего.У меня есть код в моем контроллере, как:

PostController.php

public function store(Request $request)
{
   Post::create([
        'post_name'=>$request->post_name,
        'post_text'=>$request->post_text,

    ]);
    return response()->json(['msg'=>'Post Created','success'=>true]);
}

и в моем файле rout.php, у меня есть:

Route::group([
    'middleware' => ['cors'],
], function ($router) {
     //Add you routes here, for example:
Route::resource('post','API\PostController');  
});

и в угловом сообщении.service.ts

addPost(data) {
      const headers = new HttpHeaders({
        'Accept': 'application/json',
        'Content-Type':'application/json'
      });
      let postdata={
        'post_name':data['post_name'],
        'post_text':data['post_text']
      };
      console.log(postdata);
      return this.http.post('http://192.168.1.100/crud/api/post',postdata,{ headers: headers });
  }

и после выполнения я получаю сообщение об ошибке:

Не удалось загрузить http://192.168.1.100/crud/api/post: Ответ на предпечатный запрос не прошелпроверка контроля доступа: в запрашиваемом ресурсе отсутствует заголовок «Access-Control-Allow-Origin».Исходный код 'http://localhost:4200' поэтому не допускается.

Answer 1

решил эту проблему, просто добавив расширение Chrome Moesif Origin & CORS Changer

Answer 2

Это может быть связано с тем, что

1. Ваш запрос был отклонен сервером.(Если это так, то вы должны включить перекрестное начало на стороне сервера)
2. В вашем запросе есть некоторые проблемы.

, связанные с вашей попыткой сценария, передавая Access-Control-Allow-Origin: * рядом с типом контентав вашем json и проверьте конфигурацию сервера.