之前写过一个react axios 交互的简单笔记,公司其他项目需要加入验证服务器,作为一个小白,便于翻看代码回忆,也是方便有需求的web开发参考,下面内容可能写的不好,也不一定很符合您的需求,不过大体的意思就是这样,存在一些问题,错误之处还请指出,大家理解万岁。如果想看看更多的axios的笔记可以去我的react-axios笔记去学习,今天这个主要说token。
验证服务器:oauth2
简而言之就是一个口令(token...类似...天王盖地虎,宝塔镇河妖..........借用了我们架构师的原话)
用一段axios-post来获取token吧!
axios.post(`${url}/connect/token`,`client_id=client2&client_secret=secret&username=${username}&password=${password}&grant_type=password`)
.then(res=>this.loginok(res))
.catch(err=>this.loginerr(err))
client_id
client_secret
grant_type
这三者参数问问后台就知道了,默认好的。
获取token后,后面的每次交互都需要它进行验证,所以一定要在参数里面带着它。
注意1************************************************************************************************
其实我们知道axios post方法默认content-type使用application/json,那么传递到后台的将是序列化后的json字符串。但是上面的client_id=client2&client_secret=secret&username=${username}&password=${password}&grant_type=password的数据我并没有写成json格式或者是json对象格式,这是因为我们的后台oauth2在接收数据时格式采用的是application/x-www-form-urlencoded,这样上传到后台的数据是以key-value形式进行组织的并且用&来分割,所以为了方便后台接受我直接才写