el-upload图片跨域无法解决

/*前端相关代码块*/
<template>
<el-upload
      :on-success="handleAvatarSuccess"
      :before-upload="beforeAvatarUpload"
  >
    <img v-if="imageUrl" :src="imageUrl" class="avatar" />
    <el-icon v-else class="avatar-uploader-icon"><Plus />el-icon>
  el-upload>
template>
<script>
export default {
mounted() {
    this.getAvatar()
  },
async getAvatar(){
      const {data}=await this.$http.get('users/avatar')
      console.log(data)
      this.imageUrl=data.url
    }
}
script>

/*--app.js---*/

let {unless}=require('express-unless')

/*--放在token下面的--*/
let static=express.static(path.join(__dirname,'static'))
let static1=static
static1.unless=unless
app.use(static1.unless({method:'OPTIONS'}))

显示的警告：跨域
Cross-Origin Read Blocking (CORB) blocked cross-origin response http://127.0.0.1:3000/upload/20230320/1.png with MIME type application/json.
本人本来是想用app.js那段unless代码设置白名单解决的，但不知道是代码打错了还是什么原因，依旧显示跨域，图片还是一个碎掉的状态。请问有没有人知道是什么原因？

img

看后端能否进行对请求头做一些处理