HTTP基本身份验证.htaccess保护在Vue.js / Nuxt.js框架中无法正常工作

问题描述

我在登台环境(Apache服务器)中有一个已部署的应用程序,为了保护它,我使用的是HTTP Basic Auth。我放在应用程序文件夹中的.htaccess配置文件如下所示:

AuthType Basic
AuthName "Password Protected Area"
AuthUserFile /somewhere.../.htpasswd
Require valid-user
Order Allow,Deny
Deny from all
 
Satisfy Any
RewriteEngine On
# require SSL 
RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

我有多个问题:

  • 当随机浏览页面时,出现很多错误页面,没有登录提示,但显示文本“未经授权,该服务器无法验证您是否有权访问所请求的文档。您提供的凭据错误(例如, ,密码错误),或者您的浏览器不了解如何提供所需的凭据”;
  • 我正在使用@ nuxtjs / pwa模块,并出现控制台错误,文本为“清单:行:1,列:1,语法错误”。当应用程序尝试获取manifest.json文件时。从开发人员工具控制台检查manifest.json文件的内容后,我看到它也出现了“未经授权的服务器无法验证...”错误文本,并且请求的状态为401Unauthorized。禁用基本身份验证后,我没有收到此错误;

我正在使用Chrome,Safari和Firefox Web浏览器进行测试,并且所有浏览器均出现问题。

如何解决?感谢您的帮助

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)