Форум программистов, компьютерный форум, киберфорум
React/ReactJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
4 / 4 / 0
Регистрация: 11.09.2017
Сообщений: 100

axios не выводит json полученный от API django

09.10.2020, 22:29. Показов 1589. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет ещё раз.

У меня есть bec написанный на django. У меня есть фронт написанный на React( ну как есть, он в написание)
И сейчас возникла проблема, если я возьму json данные полученные от face-api, то всё работает, а если от django, то нет. Может у кого нибудь есть решение данной непонятной проблемы. Если, что код который у меня внизу(его тоже помогли допилить(спасибо всем кто поможет))


JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
const  url=`https://api.mocki.io/v1/f8765cd1`;
 
class PersonList extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            post: [],
        };
    }
 
    componentDidMount() {
        axios.get(url,{ responseType: "text" }).then(res => {
            const persons = res.data;
            this.setState({ post: persons.data.recipes});
            console.log(persons);
          /*  debugger;*/
        });
    }
    render() {
        return (
            <div>
                {this.state.post.map(it => (
                    <div key={it.id}>{it.creator.username}</div>
                ))}
            </div>
        );
    }
}
 
export default PersonList;
Всем добра и котиков
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
09.10.2020, 22:29
Ответы с готовыми решениями:

VK API : Как экспортировать полученный JSON в CSV или Как отсортировать txt
import vk_api import pickle import json #авторизируемся в вк vk_session = vk_api.VkApi('login', 'Password') # логин и пароль...

Разобрать json-ответ, полученный от Synapse
Получаю данные через Synapse в кодировке UTF8. Затем его надо прогнать через функцию StripNonJson и &quot;засунуть&quot; в переменную типа...

Проблема в том что не выводит полученный вектор
Задание : В целочисленном векторе vectorn найти второй по порядку отрицательный и предпоследний положительный элементы и поменять их...

6
 Аватар для bodynar
345 / 307 / 135
Регистрация: 14.03.2015
Сообщений: 1,158
Записей в блоге: 1
10.10.2020, 00:09
Цитата Сообщение от dimazavt Посмотреть сообщение
если я возьму json данные полученные от face-api, то всё работает, а если от django, то нет
А что именно не работает? json аналогичный приходит?
0
4 / 4 / 0
Регистрация: 11.09.2017
Сообщений: 100
10.10.2020, 01:41  [ТС]
bodynar, в консоли пишет ошибку 302 found и на стороне сервера тоже идёт GET запрос, но у меня не в консоле, не на стронице нечего не отображается
0
 Аватар для bodynar
345 / 307 / 135
Регистрация: 14.03.2015
Сообщений: 1,158
Записей в блоге: 1
10.10.2020, 10:56
dimazavt, Сделайте аналогичный запрос в postman (или др. программе) и скажите нужный ли ответ вам возвращается.
Судя по http коду ответа - ответ кроется в конфигурации вашего сервера, а не клиента
0
4 / 4 / 0
Регистрация: 11.09.2017
Сообщений: 100
10.10.2020, 21:10  [ТС]
bodynar, в postman всё работает

Добавлено через 19 минут
bodynar, Сейчас получилось, что react ругается на статус 302, а на 200 всё работает

Добавлено через 1 час 50 минут
bodynar, можете подсказать как в POST отправить изображение?
0
 Аватар для bodynar
345 / 307 / 135
Регистрация: 14.03.2015
Сообщений: 1,158
Записей в блоге: 1
12.10.2020, 15:44
Лучший ответ Сообщение было отмечено dimazavt как решение

Решение

Цитата Сообщение от dimazavt Посмотреть сообщение
Сейчас получилось, что react ругается на статус 302, а на 200 всё работает
Если вы как-то вручную генерируете статус-коды, то и на клиенте такое необходимо обрабатывать корректно

Цитата Сообщение от dimazavt Посмотреть сообщение
как в POST отправить изображение
Просто к запросу добавьте форму, в которую добавите файл.
Кликните здесь для просмотра всего текста
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
const files = ""; // Берете свои файлы (хранилища, компонента, etc)
 
    const formData = new FormData()
 
    files.forEach((file, i) => {
      formData.append(i, file)
    })
 
    fetch(`${API_URL}/image-upload`, {
      method: 'POST',
      body: formData
    })
1
4 / 4 / 0
Регистрация: 11.09.2017
Сообщений: 100
12.10.2020, 23:04  [ТС]
bodynar, спасибо
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
12.10.2020, 23:04
Помогаю со студенческими работами здесь

Django + Vue + API
Подскажите пожалуйста как правильно настроить проект на Django 2.0, чтобы сервер раздавал клиентскую часть и все остальное через RESTApi. ...

Есть-ли вероятность того, что php некорректно разберёт URL закодированный массив json, полученный от клиента?
Всем привет. Передаю URL кодированную строку php скрипту Строка является json. Для URL кодирования использую ф-ю JS -...

Создание моделей в Django с json подобной структурой
Имеется django модель, описывающая заведение. Необходимо определить поле, которое будет хранить время открытия и закрытия заведения на...

Vue работа с api django
с чего начать?

Django api 401 HTTP
делаю все по инструкции http://apirobot.me/posts/django-vue-how-to-create-and-consume-api-part-1 в конце статьи - нужно сделать get...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Перемещение выделенных строк ТЧ из одного документа в другой
Maks 30.03.2026
Решение ниже на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. Задача: реализовать. . .
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru