18f Solution

[SuperSimpleDev]

No description provided.

[y3onhold]

Simple English mistake here :) "CORS error. You request..." => "CORS error. Your request..."

[antaugustol]

Is there a particular reason for using try/catch?

const response = await fetch('https://amazon.com').catch(
error =>  console.log('CORS error. You request was blocked by the backend.'))

I am answering my own question. I should use try catch and consume the response inside the try block because, if there is an error, I would be left with an uncaught error in the Promise. The way I proposed would only catch the fetch error. Sorry.

[GiftinTech]

How do you get the response if you use this code?
The data is ready but you haven't collected it to use in your code, so assuming there was no error, how do we get the response?

[antaugustol]

How do you get the response if you use this code? The data is ready but you haven't collected in to use in your code, so assuming there was no error, how do we get the response?

It will be stored in the response variable, the you can access it by response.json(), response.text(), response.blob(), etcetera

[GiftinTech]

How do you get the response if you use this code? The data is ready but you haven't collected in to use in your code, so assuming there was no error, how do we get the response?

It will be stored in the response variable, the you can access it by response.json(), response.text(), response.blob(), etcetera

That totally makes sense! What situations do we then need to use try{}? If we have many code that may have unexpected errors?

[antaugustol]

Here's an example

async function greetingName() {
  const salute = await fetch('https://supersimplebackend.dev/greeting', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json; charset=UTF-8'
    },
    body: JSON.stringify({ name: 'Bob' }),
  }).catch(error => console.log(error))
  const greeting = await salute.text()
  console.log(greeting)
}
greetingName()

[GiftinTech]

Here's an example

async function greetingName() {
  const salute = await fetch('https://supersimplebackend.dev/greeting', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json; charset=UTF-8'
    },
    body: JSON.stringify({ name: 'Bob' }),
  }).catch(error => console.log(error))
  const greeting = await salute.text()
  console.log(greeting)
}
greetingName()

Thanks for responding!