javascript - 告诉浏览器为同一域下的每个路径单独存储不同的密码

Question

我正在编写一个浏览器应用程序，该应用程序在同一域下但在不同的路径下有多个登录表单。

domain.tld/foo/login domain.tld/bar/login domain.tld/bar/boo/login

目前，所有表单元素看起来都一样，没有属性，只有一个简单的密码输入，所有路径的名称都相同，还有一个提交按钮，我附加了一个提交监听器。调用监听器时会获取输入的密码，并且会阻止默认提交行为。然后，实际登录通过后台的 AJAX 请求进行。

HTML:

<form method="dialog">
  <input name="password" type="password">
  <button type="submit">Login</button>
</form>

Javascript:

form.addEventListener('submit', e => {
  login(); // Do the ajax login request
  e.preventDefault();
  return false;
});

所有经过测试的浏览器(FF、FFM、C、CM、O、OM)都允许保存密码，这很好。遗憾的是，密码是按子域而不是按路径保存的，导致同一域下以前访问过的路径的密码被覆盖。

告诉浏览器单独保存每个 URL 路径密码的最佳方法是什么？

Answer 1

这在大多数浏览器中是不可能的。例如，Mozilla 15 年前决定 they won't support this feature .

您可以通过 cookie 实现您自己的基于路径的“保持登录状态”系统。

或者您使用不同领域的 HTTP 身份验证。如 this post 中所述.

location /gabinete-rivera {
    auth_basic "Hijos de Rivera";
    auth_basic_user_file /home/www/public/gabinete-rivera-app/.htpasswd;
    index  index.php index.html;
    try_files $uri $uri/ /index.php?$query_string;
}

location /gabinete-gases {
    auth_basic "Gases Fluorados";
    auth_basic_user_file /home/www/public/gabinete-gases-app/.htpasswd;
    index  index.php index.html;
    try_files $uri $uri/ /index.php?$query_string;
}