Блог

Я связываю django с react.

Я пытаюсь получить токен из конечной точки Django-rest-framework http://127.0.0.1:8000/api/get-token который использует проверку подлинности токена, начиная с react app.js . Я настроил corsheaders и restframework все это. когда я попадаю в конечную точку через командную строку с помощью токена, это работает. Теперь мне нужен токен в моей реакции app.js . Я получаю ответ со статусом 200, но не могу найти токен. Поскольку я новичок в react, я не уверен, что я что-то упускаю. //App.js

   componentDidMount() {
    try {
      const data = {username: 'user', password: 'password'};
      fetch('http://127.0.0.1:8000/api/get-token/', {
        method: 'POST',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        },
        body: JSON.stringify(data)
      }).then(function(response) {
        console.log(response.token);
      })
    } catch (e) {
      console.log(e);
    }
  }
 

Дайте мне знать, если вам нужна дополнительная информация

Я пробовал как проверку подлинности токена, так и базовую проверку подлинности в моем settings.py

 REST_FRAMEWORK = {
    ...

    'DEFAULT_AUTHENTICATION_CLASSES': [
        'rest_framework.authentication.TokenAuthentication',
    ],
  ...
}
 

При использовании выборки сначала необходимо прочитать поток ответов с помощью .response.json() .

Это ваш пример кода с добавлением then после выборки, чтобы вернуть новое обещание, содержащее ваши данные (проанализированные с помощью JSON):

  componentDidMount() {
    try {
      const data = {username: 'user', password: 'password'};
      fetch('http://127.0.0.1:8000/api/get-token/', {
        method: 'POST',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        },
        body: JSON.stringify(data)
      }).then(function(response) {
        return response.json();
      }).then(function(data) {
        console.log(data.token);
      })
    } catch (e) {
      console.log(e);
    }
  }
 

Примечание: если данные, которые вы получаете с сервера, не являются JSON, вы должны использовать response.text() для простого анализа ответа в виде строки.