如何使用webpack-dev-server做反向代理?

Question

现在在本地开发环境,想要请求到外网服务器上的数据,
想在webpack上做一个代理,

下面是配置信息:

  devServer: {
    contentBase: './src/',
    historyApiFallback: true,
    hot: true,
    port: defaultSettings.port,
    publicPath: defaultSettings.publicPath,
    noInfo: false,
    proxy: {
      '/*': {
          target: 'http://xxx.xxx.com',
          host: 'xxx.xxx.com',
          secure: false
      }
    }
  },

可是这样做的话,所有的请求都会请求到了那台服务器上,

现在我的需求是,能不能在请求文件或者是数据的时候,
本地找不到,才请求外网的服务器?

Answer 1

webpack文档中有proxy的部分

Answer 2

比如你的数据路径都是/api/xxxxx，那就可以

proxy: {
      '/api/*': {
          target: 'http://xxx.xxx.com',
          host: 'xxx.xxx.com',
          secure: false
      }
    }