webpack-dev-server: HTTPS API چاقىرىقلىرىنى شىركەت proxysi ئارقىلىق يوللاش

webpack-dev-server نىڭ مەۋجۇت proxy middleware غا HttpsProxyAgent بېرىڭ، نىشان ۋە يولنى قايتا يېزىشنى ساقلاپ قېلىڭ.

Node تەرەپتىكى API ئۇلىنىشنى webpack.config.mjs دە ھازىرقى proxy array شەكلىدە سەپلەڭ:

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 تەرەققىيات ئالدى قوشۇمچىسىنى چىقىرىۋېتىدۇ. ئىككىسى شىركەت proxysi نىڭ نامىنى ئەسكەرتمەيدۇ. API ئۈمىد قىلغان يول ئۈچۈن بۇ خەرىتىلەرنى ساقلاڭ.

API نىڭ رەت قىلىشى بىلەن توشۇش مەغلۇبىيىتىنى ئايرىيالايدىغان بولۇشى ئۈچۈن middleware نىڭ نورمال ئېقىم ۋە ئىنكاس بىر تەرەپ قىلىشىنى ئىشلىتىڭ. ھەمىشە 200 قايتۇرىدىغان ئىككىنچى قولدا يېزىلغان relay بۇ نەتىجىنى يوشۇرۇۋېتەتتى.

توركۆرگۈ proxy تەڭشەكلىرى ۋە npm نىڭ بوغچا چۈشۈرۈش proxysi باشقا ئىشلەتكۈچىلەرنى سەپلەيدۇ. بۇ تەڭشەك سىرتقى API چاقىرىقىنى قىلىدىغان webpack جەريانىغا تەۋە.

مۇناسىۋەتلىك ماقالىلەر