Webpack動態要求給出了混合內容錯誤

Question

我正在嘗試Webpack動態要求將我需要的任何東西變成動態模塊並將代碼分開。

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

我希望這不會與別的雖然衝突。