访问控制允许源错误Rails 5.0，AmazonS3，使用JQuery直接上传

我正在尝试开发一个表单，按照：说明直接从Rails 5.0.1应用程序将图片上传到Amazon s3

我正在使用jQuery文件上传插件以及aws sdk gem。尝试提交图像文件时，我收到错误消息：

对飞行前请求的响应未通过访问控制检查：请求的资源上不存在“访问控制允许源站”标头。因此，不允许源站“”访问。响应的HTTP状态代码为400

据我所知，这表明CORS存在问题

我已在S3存储桶中配置了CORS权限，如下所示：

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>http://localhost:3000</AllowedOrigin>
        <AllowedOrigin>https://localhost:3000</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>PUT</AllowedMethod>
        <AllowedMethod>POST</AllowedMethod>
        <AllowedMethod>DELETE</AllowedMethod>
         <AllowedHeader>*</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

而且，如果有任何混淆，我不会使用Heroku

是否有其他人尝试使用类似的上载方法并遇到相同的错误

提前感谢您的帮助

  def set_s3_direct_post

@s3_direct_post = S3_BUCKET_NAME.presigned_post(key: "uploads/#{SecureRandom.uuid}/${filename}", success_action_status: '201', acl: 'public-read')

  end