0

не могу понять в чем проблема, делаю get запрос через fetch, пытаюсь посмотреть что приходит, но ничего не работает

import React from 'react';

import './SearchLine.css';

export class SearchLine extends React.Component {

constructor(props) {
    super(props)
    this.state = { data: []}
}


MakeARequest(request) {
    fetch("https://itunes.apple.com/search?term=jack+johnson",
                {
                    mode:'no-cors'  
                }
            )
        .then(response => console.log(response));
}

componentDidMount() {
    this.MakeARequest('sia');
}

render() {
    return(
       <div>
        {this.state.data.length !==0?
            this.state.data.map(
                (data_iter, i) => {
                    return(
                        <div
                            DATA={data_iter}
                            key={i}
                        />
                    )
                }
            ): " "
        }
       </div>
    );
}}

в консоли браузера ничего не выводится статус запроса false, то есть все блокируется, не знаю почему, раньше ошибка вылетала на CORS, но в fetch запросе прописал "no-cors" но ничего не меняетсявведите сюда описание изображения

вот так выглядит вывод

1 ответ 1

1

Так нельзя. Вот тут доступно написано про кросдоменные запросы: https://learn.javascript.ru/xhr-crossdomain

Насколько я знаю у itunes есть api. Посмотрите здесь. https://affiliate.itunes.apple.com/resources/documentation/itunes-store-web-service-search-api/

Можно на бэкенде организовать подгрузку данных и выдавать их во фронт

2
  • бэк часть не нужна, нужно все организовать через фронт. А почему так как у меня нельзя, я не понимаю в чем ошибка?
    – user730720
    20 апр 2019 в 19:18
  • Раньше когда cors не было, было много взломов чужих страниц. Ты только представь себе сидишь ты вконтакте, а кто то всунул вредоносный код в онлайн кинотеатр и угнал твою учётку. Поэтому через браузеры это запретили. Почитай статью из первой ссылки
    – alum
    20 апр 2019 в 20:30

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.