React Axios Basic Authentication，如何防止弹出对话框显示

Question

我已经实现了一个带有基本身份验证的 API

当我提供正确的用户名和密码进行身份验证时，它工作正常，

但是，问题是当我向请求提供错误的用户名/密码时，如何防止弹出登录对话框

这是我的 axios 请求代码，

axios.post(url, {}, {
  auth: {
    'username': 'wrong username',
    'password': 'wrong password'
  }
})

当我提供错误的用户名/密码时，如何防止显示此对话框

Answer 1

不确定这是否有效，但您可以尝试设置此属性

validateStatus

。它将使 axios 忽略错误状态代码并仅在响应回调中返回结果。

axios.post(url, {}, {
  auth: {
    'username': 'wrong username',
    'password': 'wrong password'
  },
  validateStatus: function (status) {
    return true;
  },
})

Answer 2

我回答得很晚，但我找到了一个我在任何地方都没有看到的解决方案。这真的很愚蠢，但我只是以前不知道它存在。

尝试在 main.js 文件中添加这些行：

  axios.defaults.auth = {
  username : "xxx", 
  password : "zzz"
  }

当然还有好的信息。

需要明确的是，我使用的是 Axios、Vue JS 和 FastAPI。

我不知道它是否能帮助你，但希望它能帮助别人。