如何使用AWS S3從Rails-API上傳圖像到前端通過JSON對象響應應用程序？

Question

我正在創建一個以API模式運行rails的博客應用程序。 我需要將博客文章圖像放置到前端，並在標准img html-tag中顯示它們。 我正在使用活動存儲將圖像從rails-API上傳到AWS s3。

我的臨時解決方案是運行生命周期方法“ before_save”，該方法具有以下代碼：

def set_image_url如果self.image.attached？ self.image_url = self.image.service_url結束

這將創建指向存儲桶中圖像位置的URL。

這是兩個用於服務前端應用程序的posts_controller操作（使用react）。

def show
  render json: @post
end

def index
  @posts = Post.all.where.not(published_at: nil)
  render json: @posts
end

在反應中，我使用以下get請求：

componentDidMount() {
    const { slug } = this.props.match.params;
    axios.get(`/api-url/${slug}`)
    .then(res => {
      this.setState({ post: res.data});
    })
    .catch(error => console.log(error));
}

我希望無法顯示我的AWS S3存儲桶URL。 我認為這是冒險和不安全的嗎？ 如何使用諸如base64等之類的東西將post.image作為JSON發送？

多謝你們！