react新版本配置代理

新学习react

开始配置react跨域的时候

在网上查看到是在packjson.json里面添加如下代码：

 "proxy": {
   "/api": {
     "target": "http://localhost:8080"
     },
5 }

但是启动项目之后报错：

后来在网上查找错误，发现react新版本不支持那样设置反向代理了

新版本做法

 安装  http-proxy-middleware

 npm install http-proxy-middleware --save
 yarn add http-proxy-middleware

然后创建setupProxy.js文件，在src目录，src/setupProxy.js

setupProxy.js这样写

 module.exports = function (app) {
     app.use(proxy('/api',{
         target: 'http://localhost:8080',
         changeOrigin: true,
         pathRewrite: {
             "^/api": "/"
         }
     }))
 }