React 代理 setupProxy 无法启动项目

283 阅读1分钟

http-proxy-middleware 低版本导致无法启动项目)

低版本 http-proxy-middleware

// 此时的低版本可以直接使用中间件的导出值使用,但高版本会因此打不开项目
const proxy = require("http-proxy-middleware");
module.exports = function (app) {
  app.use(
    proxy("/api", {
      target: " http://192.168.1.57:9527",//
      changeOrigin: true
    })
  );
};

高版本 http-proxy-middleware

// 此时的高版本需要拿到原来低版本导出值的子属性  createProxyMiddleware
const proxy = require("http-proxy-middleware");
module.exports = function (app) {
  app.use(
    proxy.createProxyMiddleware("/api", {
      target: " http://192.168.1.57:9527",//
      changeOrigin: true
    })
  );
};
// 此时就可以打开项目了!!!