Vue 路由传参加密的示例代码
首先，创建一个base64.js
const Base64 = {
//加密
encode(str) {
return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,
function toSolidBytes(match, p1) {
return String.fromCharCode('0x' + p1);
}));
},
//解密
decode(str) {
// Going backwards: from bytestream, to percent-encoding, to original string.
return decodeURIComponent(atob(str).split('').map(function (c) {
return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
}).join(''));
}
}
export default Base64
在main.js里面引用
import Base64 from './assets/js/base64.js'
Vue.prototype.$Base64 = Base64;
使用页面：
this.$router.push({
path: "/user/Recommend",
query:{
info:this.$Base64.encode(XXXXX)//this.$Base64.encode(JSON.stringify(row))
}
}）;
接受参数页面：
let params = JSON.parse(this.$Base64.decode(this.$route.query.info))
到此这篇关于Vue 路由传参加密的文章就介绍到这了,更多相关Vue 路由传参加密内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网！
相关文章
Kita
2021-05-26
Giacinta
2020-11-30
Claire
2021-05-21
Jacinthe
2023-07-22
Winona
2023-07-22
Ophelia
2023-07-22
Agnes
2023-07-22
Aurora
2023-07-22
Glory
2023-07-22
Pelagia
2023-07-22
Ianthe
2023-07-22
Nafisa
2023-07-22
Nora
2023-07-28
Rhea
2023-08-08
Kara
2023-08-08
Oria
2023-08-08
Victoria
2023-08-08