react通过setupProxy处理跨域

1. 安装 npm i http-proxy-middleware --save
2. src下新建 setupProxy.js
const { createProxyMiddleware } = require("http-proxy-middleware")
module.exports = function (app) {
  app.use(
    createProxyMiddleware("/api",{
      target: "http://localhost:3100", //配置转发目标地址
      changeOrigin: true, //控制服务器接收到的请求头中host字段的值
      pathRewrite: { "^/api": "api" }, 
    }),
  )
}

posted @ 2022-03-17 22:28  Smile浅笑  阅读(286)  评论(0编辑  收藏  举报