Firstly, as I can see, you did not finish set up Apache at http://time.leovpn.me
because there is no direct access to URLs that appears to the browser with history push API.
You can read more about that at https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations
Secondly: You set up the frontend-application at http://time.leovpn.me
and backend-application at http://t.leovpn.me
so you need to configure CORS settings at your web server. In your case, it is handling OPTIONS (pre-flight) requests. Just look at the console at the screenshot you send, the first error: "Request has been blocked by CORS policy"
You can try to fix it in Apache with:
Header always set Access-Control-Allow-Origin "http://time.leovpn.me"
Header always set Access-Control-Allow-Headers "Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,Keep-Alive,X-Requested-With,If-Modified-Since"
Header always set Access-Control-Allow-Methods "GET, POST, OPTIONS"
Header always set Access-Control-Max-Age "600"
RewriteEngine On
RewriteCond %{REQUEST_METHOD} OPTIONS
RewriteRule ^(.*)$ $1 [R=200,L]
And the last: it is not an error that when you try direct access to the backend application and it shows you a 404 error. The backend application does not have any "face" to show you. It is only an API. So if you want to check its health and status go to the http://t.leovpn.me/status
. If you see a cat - API is working.