webpack devServer 和代理显示 404 页面答案

【问题标题】：webpack devServer and proxy shows a 404 pagewebpack devServer 和代理显示 404 页面
【发布时间】：2017-08-12 18:51:10
【问题描述】：

当我代理到这样的第三个域时，我应该连接到哪里？

module.exports = {

  ...
  devServer: {
    proxy: {
      "/": {
        target: "http://www.example.org",
      },
      changeOrigin: true
    }
  }
  ...
}

localhost:8080 不应该显示http://www.example.org 内容吗？

因为我得到一个 404 页面......（其他网站也是如此，我得到未找到的页面，甚至是 apache 安装页面！）

【问题讨论】：

我试图弄清楚，但还没有。以下两个链接是有助于解决问题的文档。 webpack.js.org/configuration/dev-server/#devserver-proxy 和 github.com/chimurai/http-proxy-middleware#options
我认为这可能是由于 Mamp 的错误配置...
刚刚在另一台计算机上进行了测试，怀疑应该与我笔记本电脑上的一些错误配置有关。此外，真的不知道从哪里开始弄清楚，卸载 MAMP 并没有帮助......
我知道这篇文章已经过时了，但你找到解决办法了吗？
我自己的答案中的解决方案对我来说效果很好

标签： webpack proxy http-proxy-middleware

【解决方案1】：

这是正确的配置

module.exports = {
...
devServer: {
  proxy: {
    "/": {
      target: "http://www.example.org",
      changeOrigin: true
    },
  }
}
...
}

【讨论】：