如何使用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发送？

多谢你们！