webpack-dev-server: ເສັ້ນທາງການເອີ້ນ HTTPS API ຜ່ານ proxy ຂອງອົງກອນ

ໃຫ້ HttpsProxyAgent ກັບ middleware proxy ທີ່ມີຢູ່ແລ້ວຂອງ webpack-dev-server ໂດຍຮັກສາ target ແລະ ການຂຽນ path ຄືນໃໝ່.

ຕັ້ງຄ່າການເຊື່ອມຕໍ່ API ຝັ່ງ Node ໃນ webpack.config.mjs ດ້ວຍຮູບແບບ array proxy ປັດຈຸບັນ:

import { HttpsProxyAgent } from 'https-proxy-agent';

export default {
  devServer: {
    proxy: [{
      context: ['/api'],
      target: 'https://service.example',
      changeOrigin: true,
      agent: new HttpsProxyAgent('http://proxy.example:8080'),
      pathRewrite: { '^/api': '' },
    }],
  },
};

ເສັ້ນທາງແມ່ນ:

browser → webpack dev server → corporate proxy → HTTPS API

target ຍັງເປັນ HTTPS API ຕົວຈິງ. agent ທີ່ສົມມຸດວ່າມີຢູ່ໃນໂຄງການແລ້ວ ຈະເຈລະຈາເສັ້ນທາງຜ່ານຕົວກາງ HTTP.

context ເລືອກເສັ້ນທາງຄຳຂໍທີ່ browser ເຫັນ; pathRewrite ລຶບ prefix ການພັດທະນາອອກ. ທັງສອງບໍ່ໄດ້ລະບຸຊື່ proxy ຂອງອົງກອນ. ຮັກສາ mapping ເຫຼົ່ານັ້ນໄວ້ສຳລັບເສັ້ນທາງທີ່ API ຄາດຫວັງ.

ໃຊ້ການ streaming ແລະ ການຈັດການຜົນຕອບປົກກະຕິຂອງ middleware ເພື່ອໃຫ້ການປະຕິເສດຂອງ API ແລະ ຄວາມຜິດພາດການຂົນສົ່ງຍັງແຍກອອກໄດ້. relay ທີສອງທີ່ຂຽນດ້ວຍມືທີ່ສົ່ງ 200 ສະເໝີ ຈະປິດບັງຜົນນັ້ນ.

ການຕັ້ງຄ່າ proxy ຂອງ browser ແລະ proxy ດາວໂຫລດແພັກເກດຂອງ npm ຕັ້ງຄ່າຜູ້ໃຊ້ອື່ນໆ. ການຕັ້ງຄ່ານີ້ເປັນຂອງຂະບວນການ webpack ທີ່ເອີ້ນ API ພາຍນອກ.

ບົດຄວາມທີ່ກ່ຽວຂ້ອງ