Question

Vue Js错误（401未经授权）

使用的软件-

DRF Vuejs

在Vue js中调用DRF api时（使用axios）取消打包以获取数据。

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标头传递此令牌。例如，如果您在django中使用jwt令牌管理系统，则应发送如下请求：

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)
  })

请记住，这实际上取决于您使用的身份验证后端。因此，如果您可以提供有关如何实现django DRF API的更多详细信息，我想我们都可以为您提供更好的帮助。

Vue.js错误401未经DRF API授权

1 个答案: