1. 程式人生 > 其它 >react 多個代理配置

react 多個代理配置

技術標籤:React

1.src 目錄下新建 setupProxy.js 檔案, 檔名字不可修改

2. setupProxy 檔案中寫入以下程式碼

const proxy = require('http-proxy-middleware')

module.exports = function (app) {
    app.use(
        proxy('/api', { //遇見/api字首的請求,就會觸發該代理配置
            target: 'http://api.ziyoujike.cn/', //請求發給誰
            changeOrigin: true,//控制伺服器收到的請求頭中Host欄位的值
            pathRewrite: {'^/api': ''} //重寫請求路徑
        }),
        proxy('/api2', {
            target: 'http://api.ziyoujike.cn/',
            changeOrigin: true,
            pathRewrite: {'^/api2': ''}
        })
    )
}