webpack-dev-server: HTTPS API გამოძახებების გატარება კორპორატიული პროქსის გავლით

მიეცით webpack-dev-server-ის არსებულ პროქსი მიდლვეარს HttpsProxyAgent, სამიზნისა და ბილიკის გადაწერის შენარჩუნებით.

კონფიგურირეთ Node-ის მხარის API კავშირი webpack.config.mjs-ში პროქსის მასივის მიმდინარე ფორმით:

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-ად. აგენტი, რომელიც, სავარაუდოდ, პროექტში უკვე არსებობს, ბილიკს HTTP შუამავლის მეშვეობით ათანხმებს.

context ირჩევს ბრაუზერისთვის ხილულ მოთხოვნის ბილიკებს; pathRewrite შლის განვითარების პრეფიქსს. არც ერთი მათგანი არ ასახელებს კორპორატიულ პროქსის. შეინარჩუნეთ ეს დაკავშირებები API-ის მოსალოდნელი ბილიკისთვის.

გამოიყენეთ მიდლვეარის ჩვეულებრივი ნაკადი და პასუხის დამუშავება, რომ API-ის უარყოფა და ტრანსპორტის ხარვეზი გამიჯნული დარჩეს. მეორე ხელით დაწერილი რელე, რომელიც ყოველთვის 200-ს აბრუნებს, ამ შედეგს დამალავდა.

ბრაუზერის პროქსის პარამეტრები და npm-ის პაკეტების ჩამოტვირთვის პროქსი სხვა მომხმარებლებს აკონფიგურირებენ. ეს პარამეტრი ეკუთვნის webpack პროცესს, რომელიც ასრულებს გარე API გამოძახებას.

დაკავშირებული სტატიები