react配置反向代理

反向代理配置到src下的setupProxy.js文件里面

第一步：下载插件  http-proxy-middleware

npm i http-proxy-middleware -D

下载之后启动如果报错 1.0.的话就加花括号 如果没有报错就不用加

 代码

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

module.exports = function (app) {
    app.use(createProxyMiddleware('/api', {
        target: 'http://www.ibugthree.com', //转发到的域名或者ip地址
        pathRewrite: {
            '^/api': '', //接口地址里没有"/api",将其重写置空
        },
        headers: {
            'content-Type': 'application/x-www-form-urlencoded',
            'pc-token': "4a82b23dbbf3b23fd8aa291076e660ec"
        },
        changeOrigin: true, //必须设置为true
        secure: false //是否验证https的安全证书，如果域名是https需要配置此项
    }));
};