2017-03-29 56 views
1

我嘗試從前端(angular2)發送請求到後端(ruby,sinatra)。 現在,兩個服務器的工作在一臺計算機上(在localhost角:3001,特拉在localhost:9292)從angular2發送到後端的請求

我使用AUTH的例子(http://embed.plnkr.co/TIPmK3/?show=preview),並希望將用戶數據發送到屈。

我看到有趣的字符串app/_services/authentication.service.ts

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

但如果http://localhost:9292/login沒有更換'/api/authenticate'發生。請求不發送,沒有錯誤。只加載。

任何人都可以幫助我嗎?

回答

1

請您提供更多的細節?

但按你的問題: 大部分的問題將是「跨來源請求」的情況下,

所以請或檢查您所設置的頭不喜歡,

我在用的角在前端(本地主機:3000)和節點(192.168.2.117:4000)在後端, 我們面臨着同樣的問題,所以我們在節點設置頭

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

之後,它的工作般的魅力。

+0

謝謝你的answear。是的,我在後端設置了標頭['Access-Control-Allow-Origin'] ='*',但在後端沒有角度請求。 – Flamine

+0

你會請嘗試打電話 this.http.post('localhost:9292/api/authenticate',...... –

+0

它不工作。我的後端不能在這條路線上請求,但現在,登錄頁面在我登錄點擊後沒有睡覺,並且沒有在後臺登錄請求。 – Flamine