ReactJS получает JSON из ошибки Laravel localhost xhr.js

Question

Я использую laravel 5.8 с xampp.Мои файлы laravel в папке xampp / htdocs и мои файлы React в любой папке на рабочем столе (поэтому laravel работает с xampp, реакция работает с npm.) .

Вы знаете, реагируйте, используйте порт по умолчанию 3000, я использую config для laravel.Файл etc / host также настроен.

httpd.conf

<VirtualHost *:80>
  DocumentRoot "C:/xampp/htdocs/son_surum/public"
  ServerName local.laravel58
</VirtualHost>

Я могу получать данные из внешних ссылок (github и т. Д.).).Но я не смог получить с http://local.laravel58/ URL.

Код ответа Laravel Браузер также работает, уже метод GET-запроса.

<?php
..
return response($allPosts,200)->header('Content-Type','application/json');

Реакция выборки с кодом аксиоса

componentDidMount() {
    //axios.get('http://local.laravel58/react/all-posts')
    axios.get('http://local.laravel58/react/all-posts')
        .then(res => {
            console.log(JSON.stringify(res.data));
            this.setState({ posts: res.data });
        }).catch(function (error) {
        console.log("----",(error)) //postCard.js line #25
    });
 }

Ошибка показывается вот так;

Я не мог решить эту проблему.Как правило, следует получать данные.Может проблема в порте?или apache (httpd.conf)?Несмотря на мои исследования, я не смог найти решение.

Спасибо за интерес.

С уважением ..

Answer 1

Ой, извините, я быстро решаю это с помощью CORS.Я добавил ответ laravel в заголовок Access-Control-Allow-Origin: *

код laravel, похожий на изменение

<?php
..
return response($allPosts,200)
            ->header('Content-Type','application/json')
            ->header('Access-Control-Allow-Origin','*');

Я извиняюсь за то, что тороплюсь.Желая, чтобы это было полезно.

С уважением.