Endpoint Basic Auth VueJs

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Endpoint Basic Auth VueJs相关的知识,希望对你有一定的参考价值。

我试图用用户名和密码访问端点,但控制台给我一个401()

这是我的代码:

created () {
    this.$http.get(URL, {
        username: 'xxxxxxx',
        password: 'xxxxx'
     }).then(response => {
          console.log(response)
        })
 }

这是使用VueJS访问端点的正确方法吗?

答案

您必须提供Base64中编写的用户名和密码。

const encodedUserPswd = btoa(`${user}:${pswd}`);
axios.get(URL, {}, {
  headers: { `Authorization: Basic ${encodedUserPswd}` },
}).then((response) => {
  // ...
});

以上是关于Endpoint Basic Auth VueJs的主要内容,如果未能解决你的问题,请参考以下文章

聊聊spring security oauth2的几个endpoint的认证

nginx配置指令auth_basic、auth_basic_user_file及相关知识

nginx 添加basic auth

nginx认证模块ngx_http_auth_basic_module

HTTP 基本认证(basic auth)和摘要认证(digest auth)区别

HTTP 基本认证(basic auth)和摘要认证(digest auth)区别