vue和react配置反向代理

第一步

下载插件
npm install http-proxy-middleware --save-dev

第二步

在配置文件里面加入
vue的配置文件是vue.config.js
react的配置文件为setupProxy.js

const  { createProxyMiddleware } = require("http-proxy-middleware");
module.exports=function(app){
    app.use(createProxyMiddleware(`/api`,{
        target:"http://localhost:3008",//后端服务器地址
        changeOrigin:true,
        pathRewrite: {
            "^/api": ""
          }
    }))
}

第三步

在后端调用时，以axios为例

checkStatus: (params) => {
        return axios({
            method: "get",
            url: "/api/login/qr/check",//等同于http://localhost:3008/login/qr/checl
            params
        })
    },