Question

我正在使用kong进行API的基本身份验证。使用Postman时效果很好。但是每当我想使用axios将它集成到我的应用程序中时，它就会不断出现错误。请帮帮我。谢谢！

以下是我的代码：

我的main.js文件：

var app5 = new Vue({
  el: '#app-5',
  data: {
    message: ''
  },
  methods: {
    getQuote() {
      var config = { url: '/allquotes',
      baseURL: 'http://localhost:8000/',
       headers: {'Host': 'quotesapi.com/'},
        withCredentials: false,
        auth: {
        username: 'Aladdin',
        password: 'OpenSesame'
        },
        responseType: 'json'
      }

      axios.get(config)
      .then(
        response => {
                    this.message =  (response.data.quotes[0].quotes);
      })
      .catch(function (error){
        console.log('Error on Authentication');
      });
    }
  }
})

控制台错误消息： console error message

enter image description here

Answer 1

localhost/part2/ /!\ This one /!\的参数是原始对象。

我认为你必须在调用后端之前执行：JSON.Stringify(youObject)，或者通过POST方法发送它，例如：axios.post(url, data)

使用axios进行基本身份验证时出错

1 个答案: