I am getting,

`Access to fetch at 'http://localhost:9000/api/v1/content' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.`

and

for my FE(react)
and getting syntax err for BE(node),

```
SyntaxError: Unexpected token " in JSON at position 0

```

I have no issue with GET request but I can't POST.
Here is my FE

```
  addContent = async (e) => {
    e.preventDefault();

    try {
      const response = await fetch('http://localhost:9000/api/v1/content', {
        method: 'POST',
        body: JSON.stringify(this.state.title),
        // mode:'cors', --> tried after researching but it didn't solve my issue
        headers: {
          'Content-Type': 'application/json'
        }
      });

      if(!response.ok) {
        throw Error(response.statusText)
      }

    } catch (err) {
      console.log('addContent failed -', err)
    }
  }

```

Here is my BE

```
  origin: ['http://localhost:3000', 'https://localhost:3000'],
  credentials: true,
  optionsSuccessStatus:200
}

app.use(cors(corsOptions));

```

Also, when I POST with postman, I was able to POST(got 200) however, it only returns \_id. there is no body(content title that I want to post)

I read many articles that explained about cors issue but I couldn't find right answer to solve my issue. Please assume me as beginner of programing.. Thank you ahead!!