Axios com VUEJS

Front-end
#1

Olá bom dia! Gostaria de saber como posso configurar as chaves de acesso da API com o API-KEY e o API-SECRET, usando VUEJS. No postman eu consigo consumir os dados, colocando essas chaves de acesso, mas na aplicação, não sei como configura isso dentro da função. Desde já obrigado!!

#2

Olá @vanderm, tudo bem? Você utilizou as propriedades do Axios para os Headers?

Exemplo:

headers: {
    'Authorization': 'Basic Y2xpZW50OnNlY3JldA==',
    'Content-Type': 'application/x-www-form-urlencoded'
},
#3

Eu não cheguei a utilizar não irmão! Seria essa sintaxe apenas?

Que no caso ficaria

new Vue({
  el: '#app',
  data () {
    return {
      info: null
    }
  },
  mounted () {
    axios
      .get('https://api.coindesk.com/v1/bpi/currentprice.json' , {
        headers: {
         'Authorization': 'API-KEY',
         'Content-Type': 'application/x-www-form-urlencoded'
        }
      )
      .then(response => (this.info = response))
  }
})

Ficaria assim então???

#4

Só utilizarei a API-KEY? A API-SECRET eu não uso?

#5

Isso, utilize o API-KEY apenas!

#6

@jrbyte essa sintaxe é o correto dai?

#7

Sim está correto a sintaxe. Você conseguiu testar?