Notion API, Vanilla JS, Fetch does not work

Question

I don't understand why a simple fetch request is unsuccessful via Vanilla JS but successful via Postman:

const getNotion = () => {
  fetch(
    "https://api.notion.com/v1/databases/[DBID_HERE]",
    {
      method: "GET",
      headers: {
        "Authorization": "Bearer [SECRET_HERE]",
        "Notion-Version": "2021-05-11"
      }
    }
  )
    .then((response) => response.json())
    .then((json) => {
      console.log(json);
    })
    .catch((err) => console.log("Request Failed", err));
};

getNotion();

The response is Request Failed TypeError: Failed to fetch. Both DBID and SECRET are correct.

https://stackoverflow.com/questions/68015381/can-i-use-fetch-to-call-the-notion-api — ksav, Aug 14 '21 at 07:57
What does the browser’s network tab say about the actual request…? — deceze, Aug 14 '21 at 07:57
Yup that's the issue. I can't believe they rolled out an API without client support. Thanks — Ben, Aug 14 '21 at 08:52
well, if you think about it, it isn't that strange, that they don't support requests from webpages. Because to make requests from a webpage you would need to expose your credentials to everyone using that webpage. So it seems quite logical to execute requests to the database from your server, which is a protected environment. — derpirscher, Aug 14 '21 at 10:38

soahyle · Answer 1 · 2021-08-15T05:14:58.363

1

Notion API doesn't support CORS (if you want you could learn more about it). And also in case you want your site to go online you really should not call APIs from your website because it will public your credentials. So the easiest solution for me who doesn't want to spend much time on BE is to use serverless functions.

edited Aug 15 '21 at 05:14

answered Aug 14 '21 at 17:30

soahyle

21
2

Notion API, Vanilla JS, Fetch does not work

1 Answers1