webpack-dev-serverのreverse proxy実装

2020-11-24-advent-calendar-2020-html-webpack-plugin-webpack-config-reverse-proxy-implementation.ts

import { Configuration } from "webpack";

const config: Configuration = {
  devServer: {
    proxy: [
      {
        context: ["/api/**"],
        // VMだったらos.hostname()やos.type()を用いて柔軟に対応する
        target: "http://localhost:4000",
        pathRewrite: { "^/api": "" },
      },
    ],
  },
};

export default config;