axios如何发送Basic Auth

最新推荐文章于 2023-10-27 15:37:51 发布

weixin_34247155

最新推荐文章于 2023-10-27 15:37:51 发布

阅读量3.4k

点赞数

文章标签：后端 javascript postman ViewUI

原文链接：http://www.cnblogs.com/bay1/p/10982220.html

版权

本文讲述了在Vue项目中使用axios进行HTTP Basic Auth认证时遇到的404和401错误，以及如何通过修改axios配置和处理登录参数来解决问题。同时提到了其他URL使用Token进行POST请求时，需要注意去除Token中的双引号以避免401错误。

摘要由CSDN通过智能技术生成

被VUE和axios折磨的岁月,碰到404和401错误

axios如何发送Basic Auth认证数据？？

这几天都在搞vue和flask前后端分离的小东西
后端采用了HTTPBasicAuth加令牌认证
然后写好后端接口,就用前端axios发送请求

//前端
//api.js
let base = 'http://127.0.0.1:5000/api';

export const requestLogin = params => {
    return axios.post(`${base}/login`, params).then(res => res.data);
};

//Login.vue
    methods: {
      handleSubmit2(ev) {
        var _this = this;
        this.$refs.ruleForm2.validate((valid) => {
          if (valid) {
            this.logining = true;
            //NProgress.start();
            var loginParams = { name: this.ruleForm2.account, password: this.ruleForm2.checkPass };
            requestLogin(loginParams).then(data => {
              .....
            });
          } else {
            cons