В запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin».Amazon S3

Question

Я использовал activ-s3 для загрузки основных файлов в amazin s3.

код:

export const addMovie = (values, history) => async dispatch => {
    await ReactS3.uploadFile(values.poster, config).then(data => {
        console.log(data);
      }).catch(err => {
        alert(err);
      })
    const res = await axios.post('/admin/movie', values);

    history.push('/admin/movies');
    dispatch({ type: "HANDLE_NEW", payload: res.data })
};

, но постоянно получаю эту ошибку:

Не удалось загрузить url : Ответ на запрос предварительной проверки не проходит проверку контроля доступа: в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin».Происхождение 'http://localhost:3000' поэтому не разрешено.Если непрозрачный ответ соответствует вашим потребностям, установите режим запроса «no-cors», чтобы получить ресурс с отключенным CORS.

Answer 1

Заголовки CORS должны быть добавлены в https://medium.com/@pongsakornsemsuwan/aws-s3-upload-with-react-dropzone-s3-uploader-a76021fe385

Вы должны будете следовать этому https://docs.aws.amazon.com/AmazonS3/latest/dev/cors-troubleshooting.html

Вам понадобятся заголовки cors где угодно, если вы обращаетесь к чему-то, чего нет втекущее доменное имя сайта.

Например, в этом случае из доменного имени localhost вы пытаетесь получить доступ к * .amazonaws.com. Даже если вы используете какие-либо другие службы, на них необходимо включить cors.

Подробнеена CORS: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS