当前位置 博文首页 > 在vue中使用Base64转码的案例

    在vue中使用Base64转码的案例

    作者:涼皮Herr 时间:2021-09-06 19:16

    在vue项目中有时会使用到Base6464转码,现将自己使用的一种方法记录,以供参考

    1:安装依赖

    npm install --save js-base64

    2:在main.js中引入

    const Base64 = require('js-base64').Base64
    new Vue({
     el: '#app',
     Base64
    })

    3:在需要转码的文件中使用

    const Base64 = require('js-base64').Base64
    const exStr = Base64.encode('base64')
    console.log(exStr) // 'YmFzZTY0'

    补充知识:vue中使用base64和md5

    1.在项目根目录下安装

    cnpm install --save js-base64

    cnpm install --save js-md5

    2.在项目文件中引入

    import md5 from 'js-md5';

    let Base64 = require('js-base64').Base64;

    3.在项目文件中使用

    base64:

    Base64.encode('dankogai'); // ZGFua29nYWk=

    Base64.decode('ZGFua29nYWk='); // dankogai

    md5:

    md5(''); // d41d8cd98f00b204e9800998ecf8427e

    eg:

    <script type="text/ecmascript-6">
     let Base64 = require('js-base64').Base64;    //Base64.encode('小飼弾');Base64.decode('ZGFua29nYWk=');
    export default {
        data () {
          return {},
         },
         methods: {
           openFun: function(){
               let urlStr = "token=11526538-0059-4199-b35b-4e77263cdda9&pageId=31&unionId=165";
               urlStr = Base64.encode(urlStr);
           }
         }
    }
    </script>
    

    以上这篇在vue中使用Base64转码的案例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持站长博客。

    jsjbwy
    下一篇:没有了