Nuxt.js dynamic routes don't fetch API content when directly accessed from the URL

I created a simple blog with Directus and Nuxt.js. When you got to /post/ + the post id it fetches the post with this ID from the Directus API. This works fine if you are browsing articles from inside the website but when I send the url to someone and he opens it it doesnt load the data at all, just the layout. I assume this is Cloudflare’s fault cause it also caches the articles fetched from the API and they dont get updated (eg: title) but on my local machine they do (if I call the API with Postman too).
Here is the source code: damian / hellenic defence net · GitLab
Here is the website you can try it yourself just go to Hellenic Defence Net