2017-03-29 21 views
1

フロントエンド(angular2)からバックエンド(ruby、sinatra)にリクエストを送信しようとしています。 私はauth example(http://embed.plnkr.co/TIPmK3/?show=preview)を使用して、sinatraにユーザーデータを送信したいと考えています(ローカルホスト上の角度:3001、sinatra:localhost:9292)angle2からbackendへの投稿要求

return this.http.post('/api/authenticate', JSON.stringify({ username: username, password: password })) 
      .map((response: Response) => {...} 

をしかしhttp://localhost:9292/login何に'/api/authenticate'を交換する場合に発生する:

私はapp/_services/authentication.service.tsで興味深いの文字列を参照してください。リクエストは送信されず、エラーは発生しません。読み込みのみ。

誰でも私を助けることができますか?

答えて

1

詳細をお知らせください。私が使用しています 例のほとんどは、問題は「クロスオリジン・リクエスト」になり、

あなたがそれかどうかなどのためのヘッダを設定している場合ので、

を確認してください。

しかし、あなたの質問あたりとして角度は、フロントエンド(ローカルホスト:3000)で、我々は

res.setHeader('Access-Control-Allow-Origin','*'); 
    res.setHeader('content-type','application/json'); 
    res.setHeader("Access-Control-Allow-Headers", "Content-Type, Access-Control-Allow-Headers, Token, Timestamp, X-Requested-With, Language-Code"); 

その後ノードにヘッダーを設定しているので、バックエンドでのノード(192.168.2.117:4000)、 我々はそれが魅力のように働いて、同じ問題に直面していました。

+0

ありがとうございます。はい、バックエンドでヘッダー['Access-Control-Allow-Origin'] = '*'を設定しますが、バックエンドでは角度からの要求はありません。 – Flamine

+0

this.http.post( 'localhost:9292/api/authenticate')...... –

+0

私のバックエンドはこのルートでリクエストを受け取ることはできませんが、 – Flamine

関連する問題