Image 未在Vue生产中加载图像

Image 未在Vue生产中加载图像,image,vue.js,webpack,vue-cli,Image,Vue.js,Webpack,Vue Cli,我使用的是Vue Cli,在开发模式下,就显示的图像而言,一切都非常正常。一旦我部署了生产构建,我的映像将不再加载。未加载的图像来自我正在使用的API,所有资源都直接加载到文件夹中,否则将无法加载 <div class='Photo'> <img :src='post.fields.coverPhoto.fields.file.url' /> </div> post.fields.coverPhoto.fields.file.url是一个http链接

我使用的是Vue Cli,在开发模式下,就显示的图像而言,一切都非常正常。一旦我部署了生产构建,我的映像将不再加载。未加载的图像来自我正在使用的API,所有资源都直接加载到文件夹中,否则将无法加载

<div class='Photo'>
  <img :src='post.fields.coverPhoto.fields.file.url' />
</div>


post.fields.coverPhoto.fields.file.url是一个http链接,在开发中被识别为http链接。在生产中,它被识别为文件。我怎样才能避开这个问题呢?

你有什么错误吗?没有,我已经解决了。如果我添加https以使其完美工作。起初它是作为文件读取的,所以我必须确保它注册为http url