AngularJS에서 $ http POST 요청을 실행하면 404 오류가 발생합니다.

Question

저는 사용자가 도박 풀에 베팅을 할 수있는 앱을 개발 중입니다. 사용자가 버튼을 클릭하면 컨트롤러의 기능이 실행되지만 요청이 수행되지 않고 404 오류가 반환됩니다. 조언이 있으면 크게 환영 할 것입니다.

function placeBet(bet) { 
console.log('in place bet'); 

$http.post('https://colossusdevtest.herokuapp.com/api/tickets.json', { 
    'id': 550900, 
    'status': 'PLACED', 
    'customer_payout': '0.0', 
    'stake': bet, 
    'currency': 'GBP', 
    'lines': 24, 
    'amount_owned_customer': '1.0', 
    'cost': '12.0', 
    'created_at': '2015-07-23T17:00:10.000Z', 
    'offer_amount': '0.0', 
    'customer_winnings': '0.0', 
    'offers_accepted': '0.0', 
    'merchant_ref': '15ac9a2e-d4a8-4652-a60c-2b57d1afd92b', 
    'pool': { 
    'id': 171, 
    'name': 'Mixed 4', 
    'type_code': 'POINT_MARGIN', 
    'headline_prize': '4996.06', 
    'status': 'OPEN', 
    'sched_start': '2015-07-28T11:00:00.000Z', 
    'sched_next': '2015-07-28T11:00:00.000Z', 
    'currency': 'GBP', 
    'leg_num': 4, 
    'sport_code': 'RUGBY', 
    'has_offers': false 
    } 
}).then(() => { 
    console.log('information posted'); 
}); 
} 

$scope.placeBet = placeBet; 

Problem

Answer 1

나는 당신의 이미지에 대한 설명을 볼 수 없습니다.

귀하의 게시물 전화에 잘못 될 수있는 옵션이 몇 가지있을 수 있습니다. - 올바른 URL이있는 경우 json으로 끝내는 것이 좋지 않다는 메시지가 나타납니다. - 데이터가 이고 올바른지 확인하십시오. http.post에 구성 부분이 필요할 수 있습니다. click here - 오류 을 잡기 위해 다음 후 catch 블록을 추가 - 그것은

먼저 당신이 다음 크롬에 대한 우체부 플러그인을 사용하여 서버에 연결 각도 http.post에 전화를 포장 할 수 있는지 확인 CORS 문제

있는지 확인합니다. 귀하의 요청이 아닌 크로스 도메인 요청을하지 있는지 확인하십시오

return $http({ 
    method: 'POST', 
    url: '/someUrl', 
    data: bet 
}).then(function successCallback(response) { 
    console.log(response); 
}, function errorCallback(response) { 
}); 

:

Answer 2

당신이에 코드를 변경하려고했다.