Front-end/react/路由/9.1.配置代理.md

代理:

方式一

只能使用一种代理 package.json文件中添加 "proxy":"http://localhost:5000" 自身没有的资源会请求5000,自身请求http://localhost:3000/

方式二

src根目录下创建文件setupProxy.js

const proxy = require('http-proxy-middleware')
module.exports=function(app){
    app.use(
        proxy('/api1',{
            target:'http://localhost:5000',
            changeOrigin:true,
            pathRewrite:{'^/api1':''}
        }),
        proxy('/api2',{
            target:'http://localhost:5001',
            changeOrigin:true,
            pathRewrite:{'^/api2':''}
        })
    )
}

const {createProxyMiddleware} = require('http-proxy-middleware')
module.exports=function(app){
    app.use(
        createProxyMiddleware('/api1',{
            target:'https://github.com',
            changeOrigin:false,
            pathRewrite:{'^/api1':''}
        }),
        createProxyMiddleware('/api2',{
            target:'http://localhost:5001',
            changeOrigin:true,
            pathRewrite:{'^/api2':''}
        })
    )
}