プロキシの設定に反応する際のエラー

エラー内容:

非推奨警告: 'onAfterSetupMiddleware' オプションは非推奨になりました。「setupMiddlewares」オプションを使用してください

 おそらく、「onAfterSetupMiddleware」オプションが非推奨になったということでしょう。「setupMiddleware」オプションを使用してください。

間違った理由:

React17版の書き方

const proxy=require('http-proxy-middleware')
module.exports=function(app){
    app.use(
        proxy('/api',{
            target:'http://127.0.0.1:5000',
            changeOrigin:true,
            pathRewrite:{
                '^/api':''
            }
        })
    )
}

React18 バージョンでは createProxyMiddleware の使用が必要です

完全なコード:

const {createProxyMiddleware}=require('http-proxy-middleware')
module.exports=function(app){
    app.use(
        createProxyMiddleware('/api',{
            target:'http://127.0.0.1:5000',
            changeOrigin:true,
            pathRewrite:{
                '^/api':''
            }
        })
    )
}