Http-proxy-middleware安装报错proxy is not a function

最新推荐文章于 2025-05-22 09:22:20 发布

原创最新推荐文章于 2025-05-22 09:22:20 发布 · 617 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#http #服务器 #网络协议

前端工程化专栏收录该内容

13 篇文章

订阅专栏

本文介绍了在CRA创建的项目中遇到Http-proxy-middleware使用时出现'proxy is not a function'错误的问题。该错误由于升级到最新版本导致。解决方法是在src/setupProxy.js中更新导入和使用方式，参照提供的参考资料进行修复。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CRA创建的项目中使用Http-proxy-middleware，首次安装无报错，重新运行时报proxy is not a function错；

在这里插入图片描述
问题所在：
因为下载的最新版本的Http-proxy-middleware，引入的方式发生改变

{
	...,
	"http-proxy-middleware": "^2.0.6",
}

解决办法：
我们在src/setupProxy.js文件中修改如下

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

module.exports = function (app) {
    app.use(createProxyMiddleware('/api', {
        target: 'http://localhost:3000',/*这里写自己的代理地址*/
        changeOrigin: true,
        ws: true,
        pathRewrite: {
            '^/api': ''
        },
    }));
};