vue项目对浏览器地址栏中的中文进行隐藏

出现的问题：

不想要在地址栏中显示中文。

解决方法如下：

    toTask(value) {
      //任务协同
      // 跳转页面
      console.log(value);
      let desc = encodeURI(value.desc); //解决浏览器地址栏中明文展示的中文信息
      this.contentmouseleave(); //关闭下拉
      this.$router.push({
        path: `/detail/${value.id}`,
        query: { desc: desc },
      }); //跳转页面
    },

页面query传参的时候，对传的值先进行加密，通过encodeURI( ) 进行

<div class="content_banner_img">
            <h1 class="content_banner_img_h1">{{ this.$route.params.id }}</h1>
            <p class="content_banner_img_p">
              {{ decodeURI(this.$route.query.desc) }}
            </p>
            <span class="content_banner_img_span">立即使用</span>
          </div>

在目标页展示query 所传递的参数 通过 decodeURI（）进行解密。