react+webpack-dev-server開發(fā)模式動(dòng)態(tài)指定Restful的url

webpack-dev-server配置項(xiàng)中有proxy屬性的。

用Node.js API起webpack-dev-server的服務(wù)，然后用proxy代理請(qǐng)求就行。

大概這個(gè)樣子吧。(一般來(lái)講前端都會(huì)給請(qǐng)求加上一個(gè)固定的識(shí)別前綴，然后在proxy里面rewrite掉)

let server = new WebpackDevServer(compiler, {
  stats: {
    colors: true,
  },
  proxy: {
    '/api/*': {
      target: 'http://localhost:9100',
      pathRewrite: {'^/api' : ''}
      secure: false
    }
  },
});

https://webpack.js.org/config...

可以配置反向代理：

module.exports = {
    //...

    // webpack-dev-server的配置
    devServer: {
        historyApiFallback: true,
        hot: true,
        inline: true,
        progress: true,
        port: 3000,
        host: '10.0.0.9', //本地前端服務(wù)
        proxy: {
            '/test/*': {
                target: 'http://localhost:9100', // 本地后端服務(wù)
                changeOrigin: true,
                secure: false
            }
        }
    },

//...
};```