Why am I getting 404 in router vue?

Question

Vue.js

The project has the following structure
App.vue (inside router-view)
through it we get the home component

path: '/profile',
    name: 'days',
    component: () => import(/* webpackChunkName: "days" */ '../views/Home.vue'),
    children: [
      {
        path: '/profile/day/:id',
        name: 'day',
        component: () => import(/* webpackChunkName: "day" */ '../components/Day.vue'),
      }
    ],

inside it there is a child element
, everything works ok, but there is one thing, but
when I get, for example, such a url
http://stream/profile/day/1
, everything is ok, but when I reload the page, it jumps to 404
because of which there may be such a problem

Answer 1

Because your server is not configured.
You need to redirect all requests to the root (to /)

Answer 2

You are not getting the 404 code from the vue route, but from the server. Because there is no such page on the server.
Do as Sergei delphinpro advised you and everything will work.
p so you don't need to redirect all requests to /, but only those that fail, otherwise the resources will not be loaded.