vue-router 4 未找到参数的动态路径

Question

我在 Vue 3 应用程序中使用动态 URL

const routes = [...
  {
    path: "/vehicles/:id",
    name: "VehicleVehiclePage",
    component: import(
      /* webpackChunkName: "vehicles" */ "../components/management/Vehicles/VehiclePage.vue"
    ),
    props: true
  },
...]

const router = createRouter({
  history: createWebHistory(),
  routes,
})

本地一切都按预期工作，但在生产中我得到 404，因此由于某种原因路由器无法在本地工作。我也试过了

GET http://mywebsite.com/vehicles/659d0ee27e31f1b0dc2cedd1 404 (The requested content does not exist.)

托管客户端，位于 Azure 存储中
vue 版本 - 3.2.47
vue-router 版本 - 4.2.5

PS：我也测试过

createWebHashHistory

；我不再收到错误，但页面是空白的，未加载。我看不到来自

created()

、

mounted()

或其他地方的任何日志。

Answer 1

我刚刚开始工作。看来如果我不使用延迟加载它会起作用......很奇怪。

    {
        path: ":id",
        name: "VehiclePage",
        component: VehiclePage,
        props: true
      }