webpack-dev-server: δρομολόγηση κλήσεων HTTPS API μέσω εταιρικού διακομιστή μεσολάβησης

Δώστε στο υπάρχον middleware διακομιστή μεσολάβησης του webpack-dev-server ένα HttpsProxyAgent, διατηρώντας τον στόχο και την επανεγγραφή διαδρομής.

Ρυθμίστε τη σύνδεση API από την πλευρά του Node στο 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. Ο agent, που υποτίθεται ότι υπάρχει ήδη στο έργο, διαπραγματεύεται τη διαδρομή μέσω του HTTP ενδιάμεσου.

Το context επιλέγει τις διαδρομές αιτημάτων που βλέπει το πρόγραμμα περιήγησης· το pathRewrite αφαιρεί το πρόθεμα ανάπτυξης. Κανένα από τα δύο δεν ονομάζει τον εταιρικό διακομιστή μεσολάβησης. Διατηρήστε αυτές τις αντιστοιχίσεις για τη διαδρομή που περιμένει το API.

Χρησιμοποιήστε την κανονική ροή και επεξεργασία αποκρίσεων του middleware, ώστε η απόρριψη από το API και η αποτυχία μεταφοράς να παραμένουν διακριτές. Ένα δεύτερο χειρόγραφο ρελέ που επιστρέφει πάντα 200 θα έκρυβε αυτό το αποτέλεσμα.

Οι ρυθμίσεις διακομιστή μεσολάβησης του προγράμματος περιήγησης και ο διακομιστής μεσολάβησης λήψης πακέτων του npm ρυθμίζουν άλλους καταναλωτές. Αυτή η ρύθμιση ανήκει στη διεργασία webpack που κάνει την εξωτερική κλήση API.

Σχετικά άρθρα