react添加setupProxy文件后页面打不开

错误描述

 

const proxy=require('http-proxy-middleware')

module.exports=function(app){
    app.use(
        proxy('/api',{
            target:'https://xxx.xxxx.com/',
            changeOrigin:true,
            pathRewrite:{'^/api':''}
        })
    )
}

报错原因

react版本问题，导致http-proxy-middleware版本1.x以后proxy不可用

解决方法

改成以下写法即可

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

module.exports=function(app){
    app.use(
        createProxyMiddleware('/api1',{
            target:'https://xxx.xxx.com/',
            changeOrigin:true,
            pathRewrite:{'^/api1':''}
        })
    )
}