83755


題記の通りです。  
現状webpackの設定ファイルにproxyを設定し特定のアドレスパターンの場合はバックエンドサーバに通信しているのですがそのときにリクエストヘッダにX-
Forwarded-forとしてリモートアドレスを付与してPOSTしたいのですがどこにどのような設定をすればよいのかわかりません。  
ご教示ください


CC BY-SA 4.0
2021-10-26T12:18:07.780
83276
2021-11-22T01:50:57.323
48813
question
node.js vue.js webpack
Node.js+VUE.JSにてリクエストヘッダにX-Forwarded-forを付与してバックエンドにPOSTしたい


WebPackのDevServerはproxyを利用してください

[code]

    devServer:{
      proxy:{
        onProxyReq:function(proxyReq,req,res){
           proxyReq.setHeader("X-Forwarded-for",req.connection.remoteAddress);
        }
      }
    }
    
[/code]

Webpackでビルドしたものを動かす場合はserver.jsにて

[code]

    app.use(ルート,
      createProxyMiddleware({
          target: <ターゲット>,
          onProxyRequest:(proxyReq,req,res)=>{
            proxyReq.setHeader("X-Forwarded-for",req.connection.remoteAddress);
          }
      })
    );
    
[/code]


CC BY-SA 4.0
2021-11-22T01:50:57.323
83755
2021-11-22T01:50:57.323
48813
83276
answer