Webpack 开发服务器代理到本地主机

如何解决Webpack 开发服务器代理到本地主机

我正在努力使用 webpack 开发服务器代理。我正在使用 webpack 5。

目标是拥有带有本地 Apache api (PHP/Laravel) 的 webpack 开发服务器。 Webpack 开发服务器有这个设置：

devServer: {
    host: 'localhost',port: 8080,hot: true,firewall: false,public: 'http://dummy.com',proxy: {
        '/admin': 'http://dummy.com','/api': 'http://dummy.com',"changeOrigin": true,"secure": false,},}

我希望能够通过代理访问 dummy.com 上的 API。但它不起作用。它总是以 http://localhost 结束。

Windows 10 主机文件：

127.0.0.1   dummy.com

Apache 虚拟主机：

<VirtualHost *:80>
    ServerAdmin webmaster@localhost
    DocumentRoot "e:\www\TEST\public"
    ServerName dummy.com
    
    ErrorLog logs/localhost
    CustomLog logs/localhost-access_log common

    
    <Directory "e:\www\TEST\public">
    Options All
    AllowOverride All
    Require all granted
    </Directory>
</VirtualHost>

Webpack 开发服务器工作正常，但代理没有。无论我将哪个域放入目标，它始终代理到 http://localhost。我究竟做错了什么？看起来Apache没有收到请求头，代理直接调用IP。

感谢您的帮助！