title: Blank page when serving my app (Vue Router 4 - Vue 3)
body: <p>I have made the first <code>npm run build</code> to take my first big Vue3 application to a real-world server test drive.</p>
  <p>So I got the files, uploaded them into my VPS, and surprise: The server only recognizes the route paths if I navigate through clicks.</p>
  <p>If I happen to reload the page or navigate directly to an URL, the browser throws an error. I have added the code referred here: <a href="https://next.router.vuejs.org/guide/essentials/history-mode.html" rel="nofollow noreferrer">https://next.router.vuejs.org/guide/essentials/history-mode.html</a> to my <code>.htaccess</code> file (I'm using apache on Centos 7
  and I'm using CWP), but the problem persists, the only difference is that instead of throwing an error, it just gets stuck in the <code>index.html</code> page, but without rendering any content whatsoever.</p>
  <p>I can't figure out what I am doing wrong.</p>
  <p>Please check my code below regarding the implementation of Vue Router 4.</p>
  <p>I am defining everything in <code>main.js</code> file, like so:</p>
  <pre><code>import { createRouter, createWebHistory } from &quot;vue-router&quot;
  import Page from &quot;./views/Page.vue&quot;
  import Content from &quot;./views/Content.vue&quot;
  import BaseSection from &quot;./components/BaseSection.vue&quot;
  
  //ROUTER
  const router = createRouter({
      history: createWebHistory(),
      routes: [{
              path: &quot;/&quot;,
              name: &quot;Home&quot;,
              component: Page,
              meta: {
                  title: 'Home'
              }
          },
          {
              path: &quot;/docs/1.0/:title&quot;,
              component: Content,
              name: &quot;docs&quot;
          }
      ],
      scrollBehavior(to) {
          if (to.hash) {
              return {
                  el: to.hash,
                  behavior: 'smooth',
              }
          }
      }
  });
  
  app.use(router);
  
  </code></pre>
  <p>Any idea or suggestion? I'm going crazy.</p>
  <p>thank you.</p>
  <p>Regards,
  T.</p>