HTTP Basic Auth.htaccess保护在Vue.js/Nuxt.js框架中无法正常工作

我在登台环境（Apache服务器）中部署了一个应用程序，为了保护它，我使用HTTP Basic Auth。放置在应用程序文件夹中的My.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]

我有多个问题：

• 当随机浏览页面时，我会收到很多错误页面，没有登录提示，但带有文本“Unauthorized This server无法验证您是否有权访问请求的文档。可能是您提供了错误的凭据（例如，错误的密码），或者您的浏览器不了解如何提供所需的凭据”
• 我正在使用@nuxtjs/pwa模块，当应用程序尝试获取Manifest.json文件时，出现了一个控制台错误，文本为“Manifest:Line:1，column:1，Syntax error.”。在我从开发人员的工具控制台检查manifest.json文件内容后，我看到它也有“Unauthorized This server can not verify…”错误文本，请求的状态为401Unauthorized。当基本身份验证被禁用时，我没有得到这个错误

我正在使用Chrome、Safari和Firefox web浏览器进行测试，所有浏览器都出现了问题

如何修复它？感谢您的帮助

您的JavaScript（AJAX）请求似乎没有发送

授权

HTTP请求头（或不正确）。您的JavaScript（AJAX）请求似乎没有发送

授权

HTTP请求头（或不正确）。