在 WebpackDevServer 中代理请求

我正在尝试为 webpack-dev-server 和 rails 设置代理。在http://192.168.1.223:3000/设置轨道。我正在尝试在客户端上设置代理

webpack.config.js

const path = require("path");
const webpack = require("webpack");

module.exports = {
  entry: {
    index: [
      "./src/init"
    ],
  },
  output: {
    publicPath: "/",
    path: __dirname + "/public/",
    filename: "[name].js"
  },
  module: {
    loaders: [{
      test: /\.js$/,
      exclude: /(node_modules)/,
      loaders: ["react-hot", "babel"]
    }]
  },
  devServer: {
    contentBase: "./public",
    hot: true,
    historyApiFallback: true,
    proxy: {
      "/api": {
        target: "http://192.168.1.223:3000/",
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  }
};

我在端口 8080 上启动开发服务器。我打开http://localhost:8080/api，我看到所有 Rails 请求都以http://192.168.1.223:3000/api/request的形式出现，尽管我要求发送请求到http://192.168.1.223:3000/request我该如何解决这个问题？