Access to fetch at ... has been blocked by CORS policy?

Question

[Elrock]

Дали тестовое и попросили сделать GET запрос по ссылке, но вот что я получаю в результате:


мой запрос

export const request = () => {
  return fetch(`https://efs5i1ube5.execute-api.eu-central-1.amazonaws.com/prod`)
  .then(res => {
      if(!res.ok){
        throw new Error(`${res.status} - ${res.statusText}`)
      }
      return res.json()
  })
}

Мой компонент:

import { StatusBar } from 'expo-status-bar';
import React, { Component } from 'react';
import { StyleSheet, Text, View, SafeAreaView, Button, ActivityIndicator, Image } from 'react-native';
import { WebView } from 'react-native-webview'
import { request } from './request'

export class App extends Component {
  state={
    links: '',
  }

  async getRequest () {
    const links = await request();
    this.setState({
      links,
    })
  }

  componentDidMount () {
    this.getRequest()
  }

  render(){
    return (
      <SafeAreaView style={styles.container}>
        <StatusBar />
      </SafeAreaView>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'dodgerblue',
  },
});

Comments

[black1277]

По ссылке сервер возвращает JSON
Чтобы ответ сервера был доступен в JS, сервер должен возвращать заголовок:
Access-Control-Allow-Origin: *
а он не возвращает. Если вторым параметром в fetch передать опции:

{
        method: 'GET',
        headers: {
            'Content-Type': 'application/json'
        }
 }

то по идее получится правильный запрос, но сервер выдает заголовок:
x-amzn-errortype: MissingAuthenticationTokenException
и видимо требует еще аутентификацию

Answer 1

[Elrock]

если открыть в web то будет ошибка, если открыть через android то запрос придет - я не знал что есть разница

Answer 2

[Kirill Makarov]

Обычно корс правят с бэка.