Почему не работает vue js роут?

Question

[Дмитрий Баскаков]

Роуты:

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  },
  {
    path: '/report/:key',
    name: 'reportDialog',
    component: ReportDialog
  }
]

Когда перехожу на нужный адрес, то открывается шаблон домашеней страницы (Home), вместо нужной (ReportDialog). В чем может быть проблема?

http://localhost:8080/report/f7f0833d7ace1e53f1391f0f204dd68f366c79092248a5dca13e019da2dd5083#/

Не знаю пригодится ли, но вот vue.config.js

// vue.config.js
module.exports = {
    devServer: {
        proxy: {
            '^/api/': {
                target: 'http://backend.loc/',
                changeOrigin: true // so CORS doesn't bite us.
            },
            '^/api-assets/': {
                target: 'http://backend.loc/',
                changeOrigin: true // so CORS doesn't bite us.
            }
        }
    }
}

Answer 1

[Aetae]

При создании роутера mode укажите 'history', или переходите по ссылке:

http://localhost:8080/#/report/f7f0833d7ace1e53f1391f0f204dd68f366c79092248a5dca13e019da2dd5083/