Why is vue js route not working?

Question

Vue.js

Routes:

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

When I go to the desired address, the home page template (Home) opens, instead of the desired one (ReportDialog). What could be the problem?

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

I don’t know if it will be useful, but here is 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

When creating a mode router , specify 'history', or follow the link:

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