Javascript 网页包动态要求提供混合内容错误

我正在尝试Webpacks dynamic require，它将我需要的任何东西转换成一个动态模块并分离代码

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加载的， 但请求了一个不安全的脚本“”。此请求 已被封锁；内容必须通过HTTPS提供

如何确保我的动态请求使用

https

。这是我可以在我的网页配置中调整的设置吗

更新：

这不是http或https问题，而是Web包创建不带/前缀的脚本标记：

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

这将导致脚本解析为：

mywebpage.app/test/22js

虽然它实际上需要：

mywebpage.app/22.js

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

使用以下方法解决：

output: {
    publicPath: '/'
}

不过，我希望这不会与其他任何内容冲突。

使用以下方法解决：

output: {
    publicPath: '/'
}

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