我有一个使用 Keycloak 进行身份验证的 VueJS 前端,此外我还有 Webpack 捆绑我的代码。当应用程序最初加载并且用户未经过身份验证时,他会被重定向到 keycloak 页面。
此时他得到了错误
由于 MIME 类型(“text/html”)不匹配(X-Content-Type-Options:nosniff),来自“https://auth.xyz.com/auth/...”的资源被阻止
,因为浏览器尝试加载我捆绑的 .js 文件,因此仅接受 type=text/javascript
。
但由于重定向,他获得了带有 type=text/html
的登录页面。
因此,登录的唯一选择是直接访问登录页面,登录,然后返回到我的应用程序,一旦通过身份验证,该应用程序就会正确加载。
我是 webpack 新手,如何解决这个问题?有没有办法告诉 webpack 当尝试访问我的应用程序 javascript 时它也应该接受 html?
最佳答案
我通过公开索引并使用 keycloak 保护前端解决了这个问题。
关于javascript - Webpack + Keycloak JavaScript : Resource was blocked due to MIME type (“text/html” ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59879011/