2016-11-10 3 views
0

現在、restAPIと私のアプリケーションはともにXAMPPでホストされています。私のrestAPIのURLはlaravel.devです。反応を使用してlaravelにrestAPI呼び出しを行う方法

マイPOSTルートはように...

Route::post('/content', '[email protected]'); 

と私のコントローラ...

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

非常にシンプルに見えますが、今、私は私からこのルートにPOSTリクエストを作りたいですApp。

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

は私がルートに何かを渡す気にしない...私は使用して反応するのfetchにしようとしていますが、私は私の試みは動作しませんので、どのようなURLを置くことを知らない、私はちょうどほしいですrestAPIサーバーへの正常な呼び出し。今、私は/Appとして...だけでなくも間違った道である

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

を得ていることは私のアプリだと私はrestAPIサーバーを呼び出すようにしようとしています。

通話を成功させるには何を変更する必要がありますか?

+0

エンドポイントの実際のフルURLは何ですか?それを 'fetch'への最初の引数として置きます(btwは反応するものではありません)。 – azium

+0

@aziumエンドポイントはどういう意味ですか?現在、私のlaravelフォルダは 'localhost/laravel'にありますが、URLを実際の' routes.php'ファイルに向ける必要がありますか? – Bolboa

+0

私は投稿要求の完全なURLを意味します。 'http:// localhost:/content'のようなものです。それは '/ content'である必要があります。 – azium

答えて

0

fetchにはプロトコルが必要です。今すぐ "ローカル"リソースを要求しようとします。また、エンドポイントを追加してください:

fetch('http://laravel.dev/content', { 
    // ... 
}); 
関連する問題