title: Nuxt - prevent direct access to page directory url
body: <p>It's my Nuxt's page structure:</p>
  
  <pre><code>pages/
        users.vue
        users/
             login.vue
             register.vue
             forgot-password.vue
  </code></pre>
  
  <p>I have set layout and middleware in <code>users.vue</code> to be common in its sub pages.<br>
  I don't want anyone to direct access to <code>users</code> page url and when someone enter <code>example.com/users</code> , I expect it returns 404 error.<br>
  I only want it's sub pages to be accessible. (<code>example.com/users/login</code> &amp; ...)<br>
  What can I do?<br>
  Thanks</p>