Javascript Vue js、Axios、Oracle。如何使用一个blob字段从db加载ref cursor？

我有一个任务。我需要使用vue js和axios将记录从Oracle加载到web。我在db中有一个带有out参数类型sys refcursor的过程。游标中有三个字段的记录，两个字段是varchar，一个字段是blob。我确实通过axios获取请求并获取数据，然后从DevExtreme将此数据链接到网格。但结果是，我在表中只看到varchar值，而没有显示blob。代码在这里，我刚开始学习网络，这就是为什么它可能是坏的）

从“axios”导入axios；
从“devextreme vue/button”导入{DxButton}；
从“devextreme vue/data grid”导入{DxDataGrid，DxColumn}；
导出默认值{
名称：“HelloWorld”，
道具：{
msg:String
},
组成部分：{
DX按钮，
DxDataGrid，
DX列
},
数据（）{
返回{
网格数据：[]
}
},
安装的（）{
get（“/api/mo\u web\u api/item\u list\u for\u grid”）
。然后（响应=>{
console.log（response.data.o_项目列表）；
this.gridData=response.data.o_项目列表；
})
}
}

<template>
  <div class="hello">
    <DxDataGrid
      id="gridContainer"
      :data-source="gridData"
      :show-borders="true"
    >
      <DxColumn
        :width="100"
        data-field="CODE"
      />
      <DxColumn
        :width="215"
        data-field="PREVIEW_IMAGE"
        cell-template="cellTemplate"
      />
      <DxColumn
        :width="200"
        data-field="FILE_NAME"
      />
      <template #cellTemplate="{ data }">
        <img :src="data.value">
      </template>
    </DxDataGrid>
  </div>
</template>

<script>
  import axios from "axios";
  import { DxButton } from "devextreme-vue/button";
  import { DxDataGrid, DxColumn } from "devextreme-vue/data-grid";

  export default {
    name: 'HelloWorld',
    props: {
      msg: String
    },
    components: {
      DxButton,
      DxDataGrid,
      DxColumn
    },
    data() {      
      return {
        gridData: []
      }
    },
    mounted() {
      axios.get("/api/mo_web_api/item_list_for_grid")
        .then(response => {
          console.log(response.data.o_item_list);
          this.gridData = response.data.o_item_list;
        })
    }
  }
</script>