Ошибка Vuejs 401 Несанкционированный из DRF API

Question

Ошибка Vue Js (401 не авторизован)

Ошибка Vue Js: 401 Изображение

Используется программное обеспечение -

DRF Vuejs

при вызове DRF API в Vue JS (с использованием Axios) Unbale для получения данных.

ниже кода в App.vue

export default {
  name: 'App',
  components: {
    'Header': Header,
    'Footer': Footer,
    'Navbar': Navbar
  },
  data () {
    return {
      info: []
    }
  },
  mounted () {
    var self = this
    axios.get('http://127.0.0.1:8000/management/api/list/')
      .then(function (res) {
        self.info = res.data
        console.log('Data: ', res.data)
      })
      .catch(function (error) {
        console.log('Error: ', error)
      })
  }

Answer 1

Вы запрашиваете API, который защищен, и вам требуются учетные данные для авторизации.

Если вы используете системы управления токенами DRF, сначала вы должны получить токен с соответствующей конечной точки API.затем передайте этот токен через Authorization заголовок в запросе.Например, если вы используете систему управления токенами jwt в django, вы должны отправлять запросы следующим образом:

axios.get('http://127.0.0.1:8000/management/api/list/',  { Authorization: `jwt ${token}`})
  .then(function (res) {
    self.info = res.data
    console.log('Data: ', res.data)
  })
  .catch(function (error) {
    console.log('Error: ', error)
  })

Помните, что это действительно зависит от того, какой сервер аутентификации вы используете.Так что, если вы сможете подробнее рассказать о том, как вы реализовали свои API-интерфейсы DRF в django, я думаю, что все мы можем помочь вам намного лучше.