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: '/'
}

我希望這不會與其他任何沖突。