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

报错如图:

在这里插入图片描述

原因:

使用代理中间件的原因。

新版本引用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  阅读(430)  评论(0编辑  收藏  举报