天天看點

vue傳參之javaScript的加密與解密

前言

最近有個需求,需要把url上的參數進行加密傳遞,然後複制到excel檔案,用來友善檢視資料

代碼實作

傳輸:

tobs64(){
      const obj = {
        id:1,
        name:'咿呀咿呀喲'
      }
      console.log(window.btoa(window.encodeURIComponent(JSON.stringify(obj))))
     
    //當含有中文的時候會會報錯需要 window.encodeURIComponent() 把他轉換為encode
    // JTdCJTIyaWQlMjIlM0ExJTJDJTIybmFtZSUyMiUzQSUyMiVFNSU5MiVCRiVFNSU5MSU4MCVFNSU5MiVCRiVFNSU5MSU4MCVFNSU5MyU5RiUyMiU3RA==
     this.$router.push({ 
       name: 'base64', query: {read_count: window.btoa(window.encodeURIComponent(JSON.stringify(obj)))} 
      })
    },
           

接收

created(){
         this.b=JSON.parse(window.decodeURIComponent(window.atob(this.$route.query.read_count)))
    }```