H5单页面，使用cdn的方式引入axios？

Question

H5单页面，使用cdn的方式引入axios？
如何对axios添加请求加密呢？也用cdn的方式，如何配置比较合理？

Answer 1

请求加密……直接用 HTTPS 是最简单有效的办法，看这个系列了解下

• javascript - 安全地在前后端之间传输数据 - 「1」技术预研 - 边城客栈 - SegmentFault 思否
• javascript - 安全地在前后端之间传输数据 - 「2」注册和登录示例 - 边城客栈 - SegmentFault 思否
• javascript - 安全地在前后端之间传输数据 - 「3」真的安全吗？ - 边城客栈 - SegmentFault 思否

Answer 2

请求加密是防谁呢？比如说非对称加密，客户端用公钥把账号+密码+时间戳加密，然后服务端去解密即可。

这样发送的就是 text，当然，你也可以构造成 json，反正这东西需要和服务端协商好。两方能加解密就行

---

cdn 的资源是你能覆盖的吗？能覆盖就是封装一下，在拦截器加密就完事了。或者在入口调用地方加密就行

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 3

所以可以拆分成三个问题，

1. 如何以 CDN 的方式引入 axios
   这个文档里面已经提到了，直接看文档就好了。👉 起步 | Axios Docs
2. 如何对 axios 发起的请求加密
   这个可以借鉴@linong 的回答，我还没有过多的了解过，椭圆加密确实是比较常用的方法。
3. 对于这个请求加密也使用CDN的方式引入。
   这个可以把你的 axios 拦截器封装好做好代码混淆之后部署到你们自己的 OSS 容器内，然后再去做CDN。这个涉及到的是运维面比较多需要和你们的团队leader商量看看能不能让运维团队参与进来协助了。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 4

同上，感觉就是 https 就可以了，没必要考虑其他的内容。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 5

如何对axios添加请求加密呢？也用cdn的方式 感觉你并没有明白你想做什么。

axios的请求就是请求，怎么还会用CDN的方式？

另外，加密这个东西，你要有目的性才行。

• 防止中间人？这个https就行了呀
• 防止客户端使用方？这种方式防不了啊，APP的话还有可能

---

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。