React项目启动时,报错createProxyMiddleware is not a function

报错如图:

![在这里插入图片描述]( https://img-blog.csdnimg.cn/ce5ea859e00943abb7bb6157c1dff71a.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDczMjAz,size_16,color_FFFFFF,t_70)

原因:

使用代理中间件的原因。

新版本引用http-proxy-middleware形式改变了,以前是这样:

const proxy = require("http-proxy-middleware")

或者这样

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

解决:

现在是这样:

//   src/setupProxy.js
const createProxyMiddleware = require("http-proxy-middleware")

module.exports = function (app) {
    console.log(app);
    app.use("/api", createProxyMiddleware({
        target: "http://localhost:3005",
        changeOrigin: true, //允许跨域
        pathRewrite: {  //重写路径
            "/api": ""
        }
    }))
}
posted @ 2021-09-14 09:18  青柠i  阅读(617)  评论(0)    收藏  举报