Vue.js 未启用VueJS路由器配置

在我的VueJS项目中，我在文件“router.js”中配置了路由

在main.js文件中，我启用如下路由配置：

import App from './App.vue'
import router from './router'
new Vue({
  router,
  el : '#app',
 components : { App }
 }).$mount('#app')

这是我的App.js文件：

<template>
  <div id="app">
    <router-view v-bind="$props" />
  </div>
</template>
<script>

export default {
  name: 'App',
  props : ['group', 'id'],
  mounted() {
    console.log('Mounted App')    
  }
}    
</script>

此默认路由使用映射到456和123的路径参数加载“personDetails”组件

---

请给出一些调试提示？

这是由于

模式：“历史记录”

造成的。更多详情请参阅-

因为我们的应用程序是单页客户端应用程序，没有适当的 在服务器配置中，如果用户访问 直接在他们的浏览器中

要解决这个问题，您只需添加一个简单的“包罗万象” 到服务器的回退路由。如果URL不匹配任何静态 资产，它应该提供与应用程序所在的index.html页面相同的服务 在

---

这是由于

模式：“历史记录”

造成的。更多详情请参阅-

因为我们的应用程序是单页客户端应用程序，没有适当的 在服务器配置中，如果用户访问 直接在他们的浏览器中

要解决这个问题，您只需添加一个简单的“包罗万象” 到服务器的回退路由。如果URL不匹配任何静态 资产，它应该提供与应用程序所在的index.html页面相同的服务 在

---

您可以将

http服务器的回退代理用作：
npx http服务器。/dist-phttp://localhost:8080?
您可以将
http服务器的回退代理用作：
npx http服务器。/dist-phttp://localhost:8080?
谢谢@RWAM。这是一个服务器端配置问题。http服务器不知道将路由“”映射到Vue项目（index.html）。将回退代理添加到服务器会将其路由到Ve应用程序，然后vue router加载组件。谢谢@RWAM。这是一个服务器端配置问题。http服务器不知道将路由“”映射到Vue项目（index.html）。将回退代理添加到服务器会将其路由到Ve应用程序，然后vue router加载组件。
<template>
  <div id="app">
    <router-view v-bind="$props" />
  </div>
</template>
<script>

export default {
  name: 'App',
  props : ['group', 'id'],
  mounted() {
    console.log('Mounted App')    
  }
}    
</script>

{
   path : '/',
   redirect:'/456/123'
}