瓦丁14生产模式和狩猎问题

Question

我最近将我的应用程序切换到Vaadin 14原生NPM（非兼容性模式）和生产模式。Vaadin版本为14.3.7。这是一个Spring Boot应用程序，使用Gradle打包为可执行的. war文件。我正在使用Vaadin Gradle插件。

事情工作正常，除了在Safari（iOSMac）的应用程序是不可用的。以下错误可以在Mac上看到：

TypeError: 'text/html' is not a valid JavaScript MIME type.

我发现有消息称ES6模块可能会在Safari上导致此错误，但我认为默认情况下，Vaadin会在生产模式下传输到ES5。

我能做些什么使Safari上的工作也能正常进行？

更新build.gradle文件中的一些相关部分：

plugins {
    ...
    id 'com.vaadin' version '0.8.0'
}

ext{
    ...
    set('vaadinVersion', "14.3.7")
}

dependencies {
    ...
    implementation('com.vaadin:vaadin-spring-boot-starter') {
        ["com.vaadin.webjar", "org.webjars.bowergithub.insites",
         "org.webjars.bowergithub.polymer", "org.webjars.bowergithub.polymerelements",
         "org.webjars.bowergithub.vaadin", "org.webjars.bowergithub.webcomponents"]
                .forEach { group -> exclude(group: group) }
    }
    ...
}

vaadin {
    optimizeBundle = true
    pnpmEnable = true
    productionMode = true
}

Answer 1

结果证明，这是由以下因素共同造成的：

• 该应用程序前面有一个Apache服务器，该服务器在未登录时重定向到SSO。
• Vaadin将包作为ES6模块加载。
• Safari在加载ES6模块时不发送cookie，除非添加了Crossoriation="use-凭据"。
• Vaadin只添加了交叉点，而不是交叉点="use-凭据"（这可以被认为是一个错误，因为他们正式支持Safari）。

有关详细信息，请参阅https://jakearchibald.com/2017/es-modules-in-browsers/, https://stackoverflow.com/a/52559612/775138还有约翰·梅肯的评论。

我们通过将Apache配置为不保护捆绑包的路径来解决这个问题。