Vue Js 2 ошибка перезагрузки

Question

Я работаю с Vue Js 2 и сервером это Nginx.

У меня есть следующий код:

const routes = [
   {
    path: '/design-dashboard',
    component: DesignDashboard,
    meta: {
        forAuth : true
    }
  },
  {
   path: '/dashboard/new/create',
    component: ProductLineEdit,
    meta: {
        forAuth : true
    }
  }
];

export default new VueRouter({
 mode: 'history',
 routes
});

Проблема в том, что URL имеет более 1 раздела или косую черту '/', например, он работает с "/ design-dashboard" и не работает с "/ dashboard / new / create", работает только через vue router link или метод router.push (), но когда я перезагружаюсь или пытаюсь получить прямой доступ через URL в браузере, не работает.

Я также добавил этот код htaccess:

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

Как я уже говорил, все отлично работает только с одним разделом или слишом '/ как, например, "/ design-dashboard"

Есть идеи? Заранее спасибо.

Answer 1

Я решил это путем добавления .htaccess и преобразования в код nginx и добавления косой черты «/» в атрибуте src в теге script

 <script src="/dist/app.js">

Answer 2

Похоже, вы пытаетесь настроить сервер nginx, используя htaccess, который предназначен для apache.

Попробуйте настроить nginx, с такими конфигами:

location / {
  try_files $uri $uri/ /index.html;
}