react跨域配置

最新推荐文章于 2024-08-08 09:02:17 发布

--北海道的夏天不会说再见--

最新推荐文章于 2024-08-08 09:02:17 发布

阅读量114

点赞数

本文链接：https://blog.csdn.net/lonsole/article/details/119860648

版权

本文档介绍如何创建并配置`setupProxy.js`，用于处理项目的跨域问题。通过引入`http-proxy-middleware`库，设置代理规则，将`/manage`路径的请求转发到指定服务器地址`http://dizhi`，实现API的代理访问。同时提供了开启多个跨域代理的示例，方便灵活管理项目中的不同API请求。

摘要由CSDN通过智能技术生成

//在src文件夹下，新建setupProxy.js
const {createProxyMiddleware} = require("http-proxy-middleware")
/*
别忘了要修改路径
修改config/path.js proxySetup路径  
*/

module.exports = function(app) {
  app.use(createProxyMiddleware("/manage",{
    target:"http://dizhi",//配置你要请求的服务器地址
    changeOrigin:true,
    pathRewrite:{
      "^/manage":''
    }
  }))
  //配置多个跨域
  // app.use(proxy,("/manage/api",{
  //   target:"http://dizhi:3000",
  //   changeOrigin:true
  // }))
}