在 React 项目中，配置了 setupProxy.js 文件，无法正常访问 http://localhost:3000

const proxy = require('http-proxy-middleware');

module.exports = function(app) {
    app.use(
        proxy('/api', { 
            ...
        })
    );
};

• 在 React 项目中，配置了 setupProxy.js 文件，无法正常访问 http://localhost:3000

问题原因

• 这个问题是 http-proxy-middleware 的新旧版本的写法变化，旧写法已经不兼容了

处理策略

• 在 setupProxy.js 文件中，替换旧写法为新写法

// 原来是这样的

const proxy = require('http-proxy-middleware');

module.exports = function(app) {
    app.use(
        proxy('/api', { 
            ...
        })
    );
};

// 修改成这样

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
    app.use(
        createProxyMiddleware('/api', { 
            ...
        })
    );
};