webpack-dev-server proxyが動作しない

Question

私のアプリケーションはPythonのバックエンドを使用しているので、ローカルで実行しているときにWebpackが動作しているポートとは異なるポートにリクエストをプロキシする必要があります。

私はこの仕事をするにはいくつかの異なる方法試してみた：それは起動時にそれらの両方が、少なくともこのようなメッセージが表示されます

proxy: [{ 
    context: '/', 
    target: 'http://localhost:8000', 
}], 

：

devServer: { 
    contentBase: outDir, 
    proxy: [ 
    { 
     path: "**", 
     target: "http://localhost:8000", 
     secure: false, 
     bypass: function(req, res, options) { 
     if(req.url === '' || req.url === '/') { 
      res.statusCode = 302; 
      res.setHeader('Location', '/a/'); 
      return '/a/'; 
     } 

     var frontend = new RegExp("^\/$^|\/a\/index\.html|^\/a\/|^\/a$|^\/styleguide"); 
     if (frontend.test(req.url)) return req.url; 
     } 
    } 
    ], 
    // serve index.html for all 404 (required for push-state) 
    historyApiFallback: true, 
}, 

そして、これを： [HPM] Proxy created: ** -> http://localhost:8000。私はドキュメントを見て、このような何かをするとき、それは（私も代理運転に関するメッセージを得ることはありません）のいずれかに動作しません：

proxy: { 
    "/": "http://localhost:8000" 
} 

私が間違ってやってる明らかに何かがありますか？私はそれを機能させるために考えているすべての組み合わせを試しています。

Answer 1

changeOrigin: trueを追加してください。 APIパターンを変更することを忘れないでください。

proxy: { 
    '/api/**': { 
    target: 'http://localhost:8000', 
    secure: false, 
    changeOrigin: true 
    }, 
}