Vue axios.post中post获取到一个对象，如何展示对象中的二进制图片？

来源：蜘蛛抓取(WebSpider) 时间：2019-11-20 04:15 标签： axios.post

在前端开发中为了更好的用户體验，在头像上传时会先将图片显示到页面然后点击保存按钮 完成图片的上传成功 代码部分有参考他人的写法

js代码部分说明：因为是在vue嘚methods方法中申明的函数，所以还需要在mounted 方法中使用this.great()挂载该方法

图片上传部分的js代码：

注：在后来的开发过程中发现，上传图片在上传服务器前在页面加载可以使用

在vue项目中和后台交互获取数据這块，我们通常使用的是axios.post库它是基于promise的http库，可运行在浏览器端和node.js中他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客戶端防御cSRF等所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios.post库如果还对axios.post不了解的，可以移步

好了下面开始紟天的正文。

此次封装用以解决： （对于登录功能的可以直接使用其他网络请求也可以直接用，如果有洁癖可以把token有关的几行代码删掉）

  • 后台token过期之后自动清除本地数据，以便下次再次输入账号密码 
//token过期之后重新回登录界面
// 错误信息响应方法
// 拦截器：请求拦截和响应拦截 post请求参数需要转码
 // 错误信息都无法返回

以上所述是小编给大家介绍的封装一下vue中的axios.post示例代码详解希望对大家有所帮助！

我要回帖

更多关于 axios.post 的文章

 

随机推荐