uniapp 对接有请求头的图片

思路：

使用uni.downloadFile  将带有请求头的图片路径的图片下载下来
生成一个临时文件路径   展示临时文件路径就行了

方法

使用 Promise 对 downloadFile  请求进行封装   
将异步变为同步  （直接使用uni.downloadFile也行 看个人业务）

// 可以放到utils中
functioin getImage() {
   return new Promise(function (resolve, reject) {
      const vueObj: any = Vue.prototype.config;
      uni.downloadFile({
        url: vueObj.imageUrl + params, // 这里是你接口地址 若要传参 直接 url拼接参数即可
        header: {
          source_of_request: 'home_page', // 这里是要添加的请求头
        },
        success: (res: any) => {
          const tempFilePath = res.tempFilePath; // 这里拿到后端返回的图片路径
          resolve(tempFilePath); // 数据处理完成
        },
        fail: () => {
          uni.hideLoading();
          reject('失败'); // 数据处理出错
        },
      });
      // 一段耗时的异步操作
    });
}

调用

// 可以 methods中调用
methods: {
   async getImageUrl() {
       const result = await  getImage()
    }
}
或者用vue-property-decorator （装饰器）直接调用
public async getImageUrl() {
        const result = await  getImage()
     }
}