react设置反向代理

在React项目中package.json中配置

在React项目中进行本地数据联调是有跨域问题的,我们需要自己配置反向代理。

配置好之后我们就可以愉快的使用axios了,配置好切记一定要重新启动

"proxy": { //配置项  
        "/api": {//我们可以在这里设置个口令  
            "target": "https://xxx.com/",//target是api服务器地址 
            "changeOrigin": true, //这个是是否替换这里一定要写true  
            "pathRewrite": { //这个是个正则匹配  
                "^/api": "/"  
            }  
        }  
    } 

  

posted @ 2021-12-28 15:48  秋墨江雪  阅读(241)  评论(0编辑  收藏  举报