Webpack动态要求给出混合内容错误

Question

我正在尝试Webpacks动态需求，它将我需要的一切转换为动态模块并分离代码。

import(`resources/assets/images/svg/${this.name}.svg`).then((module) => {
    this.svg = module;
}).catch(error => 'An error occured while loading the svg');

然后，当诺言被触发时，将使用脚本标签将代码注入页面。 除非脚本标记使用http而不是https 。

混合内容：“ https://test.app ”上的页面已通过HTTPS加载，但请求了不安全的脚本“ http://test.app/28.js ”。 该请求已被阻止； 内容必须通过HTTPS提供。

如何确保我的动态需求使用https 。 这是我可以在Webpack配置中进行调整的设置吗？

更新：

它不是http或https问题，而是Webpack创建不带/前缀的脚本标签：

<script type="text/javascript" charset="utf-8" async="" src="22.js"></script>

这导致脚本被解析为：

mywebpage.app/test/22js

虽然实际上需要：

mywebpage.app/22.js

我不知道如何解决这个问题。

Answer 1

通过使用以下方法解决：

output: {
    publicPath: '/'
}

我希望这不会与其他任何冲突。