react 多個代理配置
阿新 • • 發佈:2021-02-18
技術標籤: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': ''} }) ) }