Axios post request returning 403 when sending firebase notification

Question

Hi I am trying to send notification to my app using firebase post method its working fine in postman but when I try to do post method in my app its returning 403. I tried implementing another get request its working fine so no problem with axios setup.

export const postData = function (url, payload) {
    return AXIOS.post(url, payload, config);
};
let config = {
    headers: {
        'Content-Type': 'application/json',
        "Authorization" : "key= *****myKey****"
    }
};

Here is my post mehtod

 let body =  {
                "to": "******myTokeb*******",
                "notification": {
                    "title": "Title here",
                    "body": "R(body)",
                    "mutable_content": true,
                    "sound": "Tri-tone"
                }
            };
        postData("http://fcm.googleapis.com/fcm/send",body).then((d)=>{
            console.log("d",d)
        }).catch((e)=>{
            console.log("e",e);
        });

Error

Error: Request failed with status code 403
    at createError (D:\projects\fiver\Roeyat\node_modules\axios\lib\core\createError.js:16)
    at settle (D:\projects\fiver\Roeyat\node_modules\axios\lib\core\settle.js:17)
    at EventTarget.handleLoad (D:\projects\fiver\Roeyat\node_modules\axios\lib\adapters\xhr.js:61)
    at EventTarget.dispatchEvent (D:\projects\fiver\Roeyat\node_modules\event-target-shim\dist\event-target-shim.js:818)
    at EventTarget.setReadyState (D:\projects\fiver\Roeyat\node_modules\react-native\Libraries\Network\XMLHttpRequest.js:567)
    at EventTarget.__didCompleteResponse (D:\projects\fiver\Roeyat\node_modules\react-native\Libraries\Network\XMLHttpRequest.js:389)
    at D:\projects\fiver\Roeyat\node_modules\react-native\Libraries\Network\XMLHttpRequest.js:502
    at RCTDeviceEventEmitter.emit (D:\projects\fiver\Roeyat\node_modules\react-native\Libraries\vendor\emitter\EventEmitter.js:189)
    at MessageQueue.__callFunction (D:\projects\fiver\Roeyat\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:425)
    at D:\projects\fiver\Roeyat\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:112

Answer 1

Use HTTPS in postData That will work!