前后端分离交互

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前后端分离交互相关的知识,希望对你有一定的参考价值。

参考技术A 新开一个项目,对最近学的vue进行一个总结,这段时间把前后端通信做掉.

请求工具: postman

这里顺便做了个模块化,把通用工具集放common模块中.但是这里有个问题,其实我自己研究的时候没搞懂

整流程逻辑:接收登录参数,判断登录账号密码是否正确,正确的话,生成token,存到redis, 然后返回登录逻辑

postman测试通过,token逻辑也十分简单,就是个密码md5+时间戳再md5
这里并没有设计前后端通信的加密逻辑,基本都是post铭文传输,后续看有没有时间做吧

开发阶段, 跨域问题我用的后端支持

省的前端做转发devserver那种

只有这个方法才能在打成jar包的时候访问文件,另外一个方法是不可以的

后端目前简单的逻辑都做好了,后面有需要的再提.

开发ide: VSCode(皮肤真香)
vscode写前端真是太香了! 各种插件可以装(想起Xcode逝去的青春, 伤心)

最主要讲的是axios的封装, 之前自己直接用的axios,请求模块基本没有封装,惨不忍睹,后面找了很久才找到个好用的,也学到了很多知识(掘金赛高!)
思想就是请求模块放到vue的原型链上,这样就没有侵入性了

请求的时候,直接调用$api对象进行请求,真的非常舒服,之前我都需要那个引入那个,不过这里是否对内存有影响我就暂时不管啦(promise强无敌)

之前写的这里都是不能看的~

以上是关于前后端分离交互的主要内容,如果未能解决你的问题,请参考以下文章

前后端分离方案以及技术选型

angular2 中怎么使用mock前后端分离

为什么要进行前后端分离?

基于Vue的前后端分离项目实践

Web 前后端为啥需要分离?

实现前后端分离的心得