如何使Webpack热装与Cordova浏览器和插件配合使用

Question

试图弄清楚如何使用webpack热重装来设置cordova浏览器版本，以便大多数cordova插件都能正常工作。关键是网络信息和文件系统。使热重装在Android或iOS上运行并不重要，因为公司防火墙策略始终会阻止它。

有没有办法做到这一点？我尝试遵循Cordova + react with hot reload while development mode，但我使用的是Vue，而不是使用gulp，并且正在尝试使其适用于浏览器，而不是Android。在config.xml中设置<content src="http://browserdev.local:8080" />确实可以完成一些工作，但是我有很多CSP和CORS要求使用特定的域名。我们称之为http://browserdev.local

Webpack设置如下

{
    host: 'browserdev.local',
    port: 8080
}

但这会导致消息Invalid Host header。如果我将config.xml更改为

<platform name="browser">
    <content src="http://127.0.0.1:8080" />
</platform>

它实际上已加载，但是URL错误，并且使CORS和CSP中断。

你知道我该怎么做吗？

或者，有没有一种方法可以修复vue-cli dev运行程序以了解和找到cordova JS文件和插件？