Vue.js路由无法使用参数作为路由

我试图将参数仅用作路由，因为我需要像

localhost:8080/road

这样的URL。但是，它不能正常工作

我的代码：

{
路径：“/：id”，
姓名：“id”，
组成部分：博客
},

---

每当我输入像

localhost:8080/dashboard

这样的url或任何其他url时，它都使用

Blog

组件。如何解决这个问题？

如果您的目标是减少路由器定义中的代码行，您可以使用映射到路由定义的组件名称数组对其进行优化。比如说

const components=[“博客”、“道路”、“仪表板”]
//从Pascal外壳组件名称创建烤肉串外壳段塞
const-toSlug=组件=>
component.replace（/（？`-${c}`））.toLowerCase（）
const routes=components.map（name=>({
名称
路径：toSlug（名称），
组件：（）=>导入（`@/components/${name}.vue`）
})

---

使用

导入路径中的静态部分，如
@/components/
和
.vue
帮助网页优化捆绑。
您希望它使用什么组件？我有很多组件。如果输入url“localhost:8080/dashboard”，它应该使用dashboard组件，如果输入url“localhost:8080/road”，它应该使用道路组件等等。@Phil那么为什么不为这些组件创建特定的路线呢？您知道所有组件，所以尝试使其动态化有什么意义？好的。我将为单独的组件编写单独的路线。谢谢@Phil