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

Question

我正在尝试使用 Vue 和 Axios 的 GET 请求从我们的业务服务器获取一些数据。但是，我遇到了 401 未经授权的错误。当我使用我的公司帐户登录时，我可以使用 RESTED 获取这些数据。我已经看过这个 post: 但没有适合我的解决方案。这是我发出获取请求的代码：

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

我也尝试过不使用 'headers'。这是错误消息：

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

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

Trying to GET data from application with Vue and Axios

api

get

http-status-code-401

vue.js

axios