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');

当promise发出时，代码将被注入带有脚本标记的页面。除了脚本标记使用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: '/'
}

我希望这不会与其他任何事情发生冲突。