react转发 接口_Vue、React配置接口代理proxy

喜欢我的话，点击上方蓝色文字关注吧?

---

Vue:

在根目录下(和package.json同级)新建文件vue.config.js，配置如下：

module.exports = {
      devServer: {
          proxy: {
          '/api': {
            target: 'http://xxx', //转发到的域名或者ip地址        pathRewrite: {
              '^/api': '' //接口地址里没有"/api",将其重写置空        }     }    }  }}

这样，我们在请求接口的时候，接口地址格式写成："/api/xxx/xxx"

---

React

react推荐用http-proxy-middleware中间件

安装http-proxy-middleware，命令如下：

npm install http-proxy-middleware

安装成功之后，在src目录下新建文件setupProxy.js，配置如下：

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