尝试使用Vue和Axios从应用程序获取数据

Question

我正在尝试使用Vue和Axios的GET请求从我们的业务服务器获取一些数据。但是，我遇到了401未经授权的错误。当我使用内部号登录时，我能够使用RESTED获取这些数据。我已经看了这篇文章：如何使用axios发送Basic Auth，但没有解决方案对我有用。这是我发出get请求的代码：

    await axios.get('http://192.168.*******', {}, {
      auth: {
        username: 'username',
        password: 'password'
      },
      headers: {
        'Content-Type': 'application/json'
      }
    });
  }

我也尝试过不使用“标题”。这是错误消息：

xhr.js:214          GET http://192.******** 401 (Unauthorized)
dispatchXhrRequest @ xhr.js:214

[Vue warn]: Unhandled error during execution of created hook 
  at <App>

createError.js:19 Uncaught (in promise) Error: Request failed with status code 401
    at createError (createError.js:19:15)
    at settle (settle.js:19:12)
    at XMLHttpRequest.onloadend (xhr.js:75:7)

希望有人有主意，因为我不知所措。

Answer 1

此解决方案对我有效：

const config = {
  'Content-Type': 'application/json',
  "Accept": "application/json",
}
const { data } = await axios({ url: 'http://192.168.170.*****/', method: 'GET', data: null, withCredentials: true, headers: config })