window.open开发环境可以正常跳转，生产环境跳转失败

最近项目开发发现一个问题，window.open开发过程中一切正常跳转，并且部署测试环境也是可以正常跳转，部署生产环境才发现window.open全都失效了

//以下跳转失败的代码

//引入env配置文件中配置的前缀
const jumpUrl = import.meta.env.BASEPATH

//跳转页面
const toNewPage = (id) => {
    window.open(`${jumpUrl}/gridFence/${id}`, '_blank')
}

无论是本地运行还是测试环境运行都可以正常的跳转，

生产环境跳转时地址栏http://dev-api/gridFence/123456，没有域名，即只是简单的当成url地址跳转，而不是我们想要的路由跳转

//成功跳转代码

//首先要引入router
import { useRouter } from 'vue-router'

const router = useRouter()

//跳转页面
const toNewPage = (id) => {
    const { href } = router.resolve({
        path: `/gridFence/${id}`
    })
    window.open(href, '_blank')
}

以上成功解决生产环境不能跳转

如有更好的解决办法请各位大佬指教，非常感谢！！！

愿我们永不止步！！！