react中配置单个或多个代理跨域

最新推荐文章于 2024-01-08 10:29:25 发布

weixin_51442367

最新推荐文章于 2024-01-08 10:29:25 发布

阅读量728

点赞数

文章标签： react.js

本文链接：https://blog.csdn.net/weixin_51442367/article/details/125855302

版权

配置多个：在src下新建setupProxy.js文件

const {createProxyMiddleware}= require('http-proxy-middleware')


module.exports=function(app){
    app.use(
        createProxyMiddleware('/api1',{
            target:'http://localhost:5000',
            changeOrigin:true,
            pathRewrite:{'^/api1':''} 
        }),
        createProxyMiddleware('/api2',{
            target:'http://localhost:5001',
            changeOrigin:true,
            pathRewrite:{'^/api2':''}
        })
    )
}

配置单个：在package.json中