javascript - Webpack + Keycloak JavaScript : Resource was blocked due to MIME type (“text/html” )

标签 javascript http vue.js webpack keycloak

我有一个使用 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/

相关文章:

c# - 通过 HTTP 代理的双向通信

javascript - Google Charts (AreaChart) 如何检测缩放变化

javascript - YouTube 视频 : fit content on non 16:9 father (as background-size: cover)

http - 浏览器未将在深层 URL 上设置的 `Authorization` header 发送到根 URL

javascript - 对输入应用掩码

javascript - 如何在 Vue 中停止组件加载和重定向?

vue.js - 使用 Vuetify (1.0.5) 在附加图标上添加工具提示

javascript - Angular 形式 : Adding more information to a model

javascript - jQuery ajax 混合 html/js <script> 避免在 <script> 打开时丢失上下文

c# - 是否可以从 C# 控制台应用程序使用 HttpBrowserCapabilities?