来自API的Vue JS动态背景图像适用于dev，但不适用于生成版本

Question

我遇到了Vue JS / webpack的问题，我不确定我是否正确配置了它或者是什么。我用vue-cli的默认webpack模板构建了项目。

我遇到的问题是通过REST api提供的图片网址未在生产版本中显示。它在开发环境中工作正常。

这是我遇到问题的部分。

  <div v-for="project in apiProjects" :key="project.name" class="project">
      <div :style="{backgroundImage: `url(${project.image})` }" class="project-banner">
          <h2>{{ project.name }}</h2>
      </div>
      <div class="project-description">
          <p><span v-html="project.description"></span></p>
      </div>
  </div>

apiProjects 是来自异步请求的对象，而project.image值只是图像的URL（例如：http://www.foo.com/bar/foobar.jpg，而不是本地或相对路径）。

我已经查看了webpack配置，但我似乎无法弄清楚为什么它在开发环境中可以正常工作，但是当我为生产环境构建时却没有。

编辑：对于那些有类似问题的人，在我的网站上设置HTTPS修复它，它现在按预期工作。