Vue router в готовом сайте, как настроить?

Question

[Renhor]

Добрый вечер! У меня есть на сайте страница допустим:
sitename.ru/dash/vue.php
На самом деле через .htaccess путь выглядит так:
sitename.ru/dash/vue

Я на этой странице хочу потренироваться использовать Vue и мне, допустим, нужна на этой странице навигация вида

/dash/vue/home
/dash/vue/test

Пробовал:

const routes = [
  {
    path: '/dash/booster/',
    redirect: {
      name: 'home'
    }
  },
  {
    name: '/dash/booster/home',
    path: '/home',
    component: HomePage
  },
  {
    name: '/dash/booster/test',
    path: '/test',
    component: TestPage
  }
];

И

const routes = [
  {
    path: '/dash/vue/',
    redirect: {
      name: 'home'
    }
  },
  {
    name: '/dash/vue/home',
    path: '/home',
    component: HomePage
  },
  {
    name: '/dash/vue/test',
    path: '/test',
    component: TestPage
  }
];

Не сработало -_- Подскажите, что мне необходимо сделать? Я так понимаю нужно прописать где-то корневой путь у Vue-router?

Answer 1

[alex]

const router = new Router({
  mode: 'history',
  base: '/dash/vue/',
  routes: [{
    path: '/home',
    alias: '/',
    name: 'home'.
    component: HomePage
  }, {
    name: 'test',
    path: '/test',
    component: TestPage
  }]
})

сервер в свою очередь должен на :/dash/vue/**/* отдавать всегда index.html

Comments

[Renhor]

Получилось, когда отключил правила Rewrite в htaccess. Не подскажете, что необходимо сделать, что бы правила не отключать?