How do I catch a server code error using Axios

Question

I have made a GET request to an API which rejects GET requests with a 400 error (and "Invalid request") response; and while I can catch and handle the response data, there is another error line which I can't catch:

GET https:// API address /test 400

My code is as follows:

try {
    let res = await this.axios.get(API)
    console.log(res.data)
} catch (error) {
    console.log(error.response.data)
}

I did also try this as a promise chain (with a catch) - but same result and I was thinking that wrapping everything in a try catch would do the trick.

My API code (hosted on Firebase) is as follows:

exports.test = functions.https.onRequest((request, response) => {
    cors(request, response, () => {
        if (request.method !== 'POST') {
            return response.status(400).send('Invalid request.')
        }
        response.status(200).send("Hello from Firebase!");
    })
});

First line is when I send a POST request, and the rest comes back after the GET request:

How do I handle that GET error? And where is it coming from?

Answer 1

If I correctly understand your question, it seems you are calling the Cloud Function with a wrong URL.

You use

 https://us-central1-xxxxxx.cloudfunctions.net/helloWorld

as shown in the first version of your question,

when you should use

 https://us-central1-xxxxxx.cloudfunctions.net/test

since your Cloud Function is defined with

exports.test = functions.https.onRequest()

You'll find the corresponding doc here: https://firebase.google.com/docs/functions/http-events#invoke_an_http_function

---

Update following your comment:

It is normal that GET shows an error since you have the following code:

 if (request.method !== 'POST') {
   return response.status(400).send('Invalid request.')
 }

Since GET is not a POST you enter this if and get a 400 error...