前端加密办法之混淆js加密

每个页面都是有数据和页面结构以及样式组成，对于单页面的作者来说这中分离的感觉会明显一点，那当我们通过ajax请求拿到数据之后我们一般就是把数据渲染到页面，但是数据接口又不想那么明显是一个json字符串，数据加密一半采用混淆的js的做法，比如如果你使用的是react的话，react更新数据的是this.setState({....json}).可以动态的插入script的标签，标签的src属性设置为混淆的uri，但是如果混淆的代码资源需要通过post请求拿到，那怎么办呢？

整体的情况就是post请求拿到混淆的js代码。然后插入文档流，

如何通过ajax发情post请求拿到返回的数据，这里我就不在多说了。

假定我们已经拿到混淆的js，如何插入到script标签里面呢？请看如下代码：

var codes="console.log('Hello World!')"

var blob=new Blob([codes],{type:"application/text"})

var script=document.creatElement("script")

script.src=URL.createObjectURL(blob)

document.body.append(script);

ok，完毕，打开控制台看看