axios如何发送Basic Auth

最新推荐文章于 2023-10-01 22:01:41 发布

weixin_34308389

最新推荐文章于 2023-10-01 22:01:41 发布

阅读量2.1k

点赞数

文章标签： javascript 后端前端 ViewUI

原文链接：https://juejin.im/post/5b2c850de51d4558a75e83a6

版权

在前后端分离的项目中，遇到使用axios进行Basic Auth认证的挑战。文章详细描述了在遇到404和401错误时，如何通过axios发送Basic Auth认证数据，以及在postman中成功模拟请求的方法。在解决过程中，发现axios请求头设置的问题，并最终解决了登录认证的问题。同时提到了如何正确post Token，避免401错误。

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

title: axios如何发送Basic Auth date: 2018-02-07 00:19:56 tags: [axios,Basic Auth]

被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