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 غوښتنه کوي.

اړوندې مقالې