Skip to content

react配置代理

1. 通过package.json配置

json
//package.json

{
    "proxy":"https:localhost:5000/"
}

2创建代理文件通过setupProxy.js文件配置

js
//src/setupProxy.js

const proxy = require('http-proxy-middleware')
module.exports = function(app){
    app.use(
        proxy('/api',{
            target:'http://localhost:5000',
            changeOrigin:true,//控制请求头中的host字段的值
            /*
                changeOrigin为true:服务器收到的host为localhoat:5000
                changeOrigin为false:服务器收到的host字段为 真是发送的取决你vscode开的地址
                默认为false
            */
            pathRewrite:{'^/appi':''}
        }),
         proxy('/api',{
            target:'http://localhost:5000',
            changeOrigin:true,
            pathRewrite:{'^/appi':''}
    )
}