基础的 http验证:BasicAuth Basic access authentication
MDN文档 https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Authentication

Basic认证

Basic认证模式,是较早被广泛应用的一种HTTP标准提供的认证模式

image.png
如果取消,服务端就会提示 401
image.png

Basic缺点

每次向服务器请求受保护资源的时候,都要在url中带上明文或 被 Base64编码过的用户名密码;
这种模式下,如果我们要实现“记住登录状态”功能,就需要将用户名密码这样的敏感信息直接换存在浏览器中。这样就形成了最主要的两个缺点

  1. 每个请求中都要带有用户名和密码凭据
  2. 安全性堪忧,暴露了用户名和密码

base64 加密

  1. // base64 加密
  2. npm i js-base64
  3. import Base64 from 'js-base64';
  4. function encodeBase64() {
  5. const token = localStorage.getItem('token');
  6. return Base64.encode(`${token}:`)
  7. }
  8. header: {
  9. Authorization: Base64.encodeter(password), 需要 base64加密
  10. }
  11. setDataValue('index', flow.index)