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

Posted 2023-04-27

数据库是mysql，里面有个img字段，类型是longblob。axios发起请求获取到对象，拿到img字段的值，如何展示到页面上。网上的方法都是单请求获取单图片，设置下responseType: 'blob' 就好了，我这个图片在对象中怎么弄呢，还有截图中的是不是二进制呢？

参考技术A 跟你前端无关,后台应该处理之后再返回给你.而不是交给你处理.

VUE中 axios GET和POST 如何使用

axios作用：Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

　　首先。安装及配置

　　　　使用npm安装　

　　　　　　npm install axios

　　　　使用 yarn 安装

　　　　　　yarn add axios

　　然后在入口文件 main.js中引入

　　　  import axios from ‘axios‘

　　　  vue.prototype.$axios = axios

axios POST请求实例

      that.$axios.post(url,{a:1,b:2})
      .then(function (res) {
         console.log("返回值")
      })
      .catch(function (error) {
        console.log(error);
      });

 

axios get请求实例

       this.$axios.get(url,{params:{a:1,b:2}})
      .then(function (response) {
         console.log(‘返回值‘)
      })
      .catch(function (error) {
        //  this.$message.error(error);
      });