我如何使用项目引导程序和 vitejs react 从 cloudinary 渲染图像

Question

我如何使用项目引导程序和 vitejs 反应从 cloudinary 渲染图像。我之前使用 create-react-app 运行良好，但是当我使用 vitejs 重建我的项目时，来自外部 api 的图像不再有效。

我正在尝试用这个 img 标签渲染它

<img
      src="https://res.cloudinary.com/dqbcudtfg/image/upload/v1677391786/headset_c88027a47d.jpg"
      alt={title || "default title"}
    />

但它没有出现。有没有人解决这个问题？ 我一直在尝试在谷歌上寻找解决方案。