使用虚拟主机

Question

我正在将一个项目分成两部分（在同一台机器上）：

• 使用Webpack 4的前端，
• 用PHP编码的后端。

我正在使用以下配置运行Webpack Dev Server：

...
devServer: {
    contentBase: '../backend/public',
    compress: true,
    proxy: {
        "/backend": {
            target: "http://localhost:3000",
            pathRewrite: {"^/backend" : ""}
        }
    },
    hot: true
},
...

这就像魅力一样，每次前端都要求

/backend/users/login

它正确地要求我的后端：

http://localhost:3000/users/login

但我想通过可在我的机器上运行的Apache虚拟主机访问我的后端。所以没有

http://localhost:3000/users/login

我有：

http://my-wonderful-virtualhost.com/users/login

所以我改变了Webpack配置：

...
devServer: {
    contentBase: '../backend/public',
    compress: true,
    proxy: {
        "/backend": {
            target: "http://my-wonderful-virtualhost.com",
            pathRewrite: {"^/backend" : ""}
        }
    },
    hot: true
},
...

但是不起作用。请求将发送到

http://localhost:8080/backend/users/login

代替。直接在我兄弟中访问http://my-wonderful-virtualhost.com/users/login确实有效。

如何使用我的虚拟主机？