[已解决]Vue3同一个页面切换路由上的参数的问题

我在做一个切换上一页,下一页的功能,参数使用的是vue-router的命名路由

// 路由定义
{
    path:"/ysShow/:url/:index",
    name:"ysShow",
    component: ()=>import("@/views/ys-show")
  }

我切换参数直接使用的是路由push方法(场景: 当前就在name为ysShow的路由下), 如下

this.$router.push({
	name: "ysShow",
	params: {
		index: index+1
	}
}

并且已经在watch中判断了路由参数的变化
在预览模式下(npm run serve)下表现没有任何问题, 打包后放到服务器中点击下一页或者上一页时会出现如下提示


我使用了一个pxory页面作为中转后,页面正常运行
直到我点击了浏览器的后退按钮,这个问题又出现了

// pxory页面
<template>
</template>
<script>
    export default {
        name: "proxy",
        created() {
            let {name } = this.$route.params
            this.$router.replace({
                name:name,
                params:{
                    ...this.$route.params
                }
            })
        }
    }
</script>
<style scoped>
</style>

我找不到是vue的错误还是vue-router的错误
使用的版本
“vue”: “^3.0.0-0”,
“vue-router”: “^4.0.0-beta.13”,
创建项目使用的是vue/cli 4.5.7

Failed to read cssRules property from cssStyleSheet
这不是css相关的问题么
可能是路由重复进入的时候重复加载某些css导致的

谢谢, 我现在先排查一下

谢谢您的回复, 我找到了解决方案, 是iconfont字体图表库跨域了
参考链接