VueJs不显示从axios承诺获取的图像，然后将图像url放入src。

Vue.js是一种流行的JavaScript框架，用于构建用户界面。Axios是一个基于Promise的HTTP客户端，用于发送异步请求。在使用Vue.js和Axios时，如果图像无法显示，可能是由于以下几个原因：

图像URL错误：首先要确保从Axios承诺获取的图像URL是正确的。可以通过在浏览器中直接访问该URL来验证。
异步请求问题：Axios是一个异步请求库，因此需要确保在获取图像之前已经完成了请求。可以使用Vue.js的生命周期钩子函数来确保在获取图像之前已经完成了异步请求。例如，在Vue组件的mounted钩子函数中发送Axios请求。
图像加载问题：有时候，图像可能无法正确加载。可以尝试使用Vue.js的v-on:error指令来捕获图像加载错误，并采取相应的处理措施，例如显示默认图像或显示错误消息。

以下是一个示例代码，演示如何在Vue.js中使用Axios获取图像并将其显示在页面上：

<template>
  <div>
    <img :src="imageUrl" alt="Image" v-on:error="handleImageError">
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      imageUrl: '',
    };
  },
  mounted() {
    axios.get('https://example.com/image-url')
      .then(response => {
        this.imageUrl = response.data.url;
      })
      .catch(error => {
        console.error(error);
      });
  },
  methods: {
    handleImageError() {
      // 处理图像加载错误
      this.imageUrl = 'https://example.com/default-image-url';
    },
  },
};
</script>

在上面的示例中，imageUrl是用于存储图像URL的数据属性。在mounted钩子函数中，使用Axios发送异步请求来获取图像URL，并将其赋值给imageUrl。如果图像加载错误，handleImageError方法会被调用，可以在该方法中处理错误情况。

对于腾讯云相关产品，可以使用腾讯云对象存储（COS）来存储和获取图像。腾讯云COS是一种安全、稳定、低成本的云端存储服务，适用于各种场景，包括图像存储。您可以通过以下链接了解更多关于腾讯云COS的信息：腾讯云对象存储（COS）

请注意，以上答案仅供参考，具体实现可能因应用场景和需求而有所不同。