关于vue3 name+params传参问题

路由代码 

export default function () {
	return {
		path: '/detail/:id',
		name: 'Detail',
		meta: {
			title: '产品详情',
		},
		component: () => import('@/views/GoodsDetail'),
	};
}

在当前页面调用服务器详情接口时，在本地run dev后请求接口正常，但run build后放在代码放在服务器上时 再调用详情接口时会自动在请求地址把‘detail/’也添加了进去，很奇怪。

其他页面调用接口时是正常的https://xxx/history/add 

在当前详情页面调用时是这样的 https://xxx/detail/history/add （多了detail [#$%^*&((*%^]）

回头再研究研究，哪位大佬知道也可评论一下

目前的解决方法：name + query传参

export default function () {
	return {
		path: '/detail',
		name: 'Detail',
		meta: {
			title: '产品详情',
		},
		component: () => import('@/views/GoodsDetail'),
	};
}

把path后面的/:id去掉，run build放在服务器上就正常了