ReactJS 从 Laravel localhost xhr.js 错误获取 JSON答案

【问题标题】：ReactJS get JSON from Laravel localhost xhr.js errorReactJS 从 Laravel localhost xhr.js 错误获取 JSON
【发布时间】：2019-03-16 02:43:30
【问题描述】：

我将 laravel 5.8 与 xampp 一起使用。我在 xampp/htdocs 文件夹中的 laravel 文件和我在任何桌面文件夹中的 React 文件（所以 laravel 正在运行 xampp，react 正在运行 npm。）。

你知道 react 使用默认端口 3000，我正在使用 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');

使用 axios 代码响应 fetch

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
    });
 }

错误显示如下；

我无法解决这个问题。通常，它应该获取数据。也许问题是端口？还是阿帕奇（httpd.conf）？尽管我进行了研究，但我找不到解决方案。

感谢您的关注。

最好的问候..

【问题讨论】：

在您的网络控制台上，您的请求的状态代码和正文是什么？
感谢您的快速回答，我解决了。问题出在CORS。再次抱歉赶时间：/
很高兴你解决了你的问题，编码愉快

标签： reactjs laravel httprequest

【解决方案1】：

哦，抱歉，我用 CORS 快速解决了这个问题。我将 laravel 响应添加到标题 Access-Control-Allow-Origin: *

laravel 代码就是这样的变化

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

我为赶时间而道歉。希望它有用。

最好的问候。

【讨论】：