如何使用react进行laravel的restAPI调用

时间:2016-11-10 20:07:20

标签: laravel api reactjs routes

目前,我的restAPI和我的应用都托管在XAMPP上。我的restAPI网址为laravel.dev

我的POST路线看起来如此......

Route::post('/content', 'Test@save');

和我的控制器...

class Test extends Controller
{
    public function save() 
    {
        return "here";
    }
}

非常简单,但现在我想从我的应用程序向此路由发出POST请求。我正在尝试使用react fetch,但由于我的尝试不起作用,我不知道要放入什么网址...

fetch('laravel.dev', {
        method: 'POST',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({
            firstParam: 'yourValue',
            secondParam: 'yourOtherValue',
        })
    })
    .then((response) => response.json())
    .then((responseJson) => {
        console.log(responseJson);
    });

我并不关心将任何内容传递给路线,我只想成功调用restAPI服务器。现在我得到......

POST http://localhost/App/src/laravel.dev 404 (Not Found)

这也是错误的路径,因为/App是我的应用,我正在尝试呼叫restAPI服务器。

我需要更改什么才能成功拨打电话?

1 个答案:

答案 0 :(得分:0)

fetch需要一个协议。现在它尝试请求“本地”资源。另外,添加您的终端:

fetch('http://laravel.dev/content', {
  // ...
});