React 代理配置_reactv18 http-proxy-middleware proxy 配置 查看转发后的地址

1.安装  http-proxy-middleware 

npm install http-proxy-middleware
或者
yarn add http-proxy-middleware

 2.src 目录下新建 setupProxy.js setupProxy名字不可更改

 
const { createProxyMiddleware } = require("http-proxy-middleware");
module.exports = function (app) {
    app.use(
        "/api",
        createProxyMiddleware({
            target: "http://192.168.0.43:8200", // 后台服务地址以及端口号
            changeOrigin: true, // 是否开启代理  控制服务器收到的请求头中Host的值
            pathRewrite: { "/api": "",  },// 重写请求路径
        })
    );
};