Из-за чего получаю 404 в router vue?

Question

[Влад ~]

На проекте есть такая структура
App.vue (внутри router-view)
через него получаем компонент home

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'),
      }
    ],

внутри него есть дочерний элемент
работает все ок, но есть одно но
когда я получаю к примеру такой урл
http://stream/profile/day/1
все ок, но когда перезагружаю страницу перекидывает на 404
из-за чего может быть такая проблема

Answer 1

[Сергей delphinpro]

Потому что у вас сервер не настроен
Нужно перенаправить все запросы в корень (на /)

Comments

[Влад ~]

Пробовал делать как в доке написано и как вы ниже посоветовали
все также бьет 404

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

у меня вход в приложение не с '/' , а с 'domain/вход в приложение'
возможно дело в этом
пробовал менять RewriteBase
на RewriteBase /domain
не помогло