webpack-dev-server: مسیریابی فراخوانی‌های HTTPS API از طریق پروکسی شرکتی

به میان‌افزار پروکسی موجود 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 همان API واقعی HTTPS می‌ماند. عامل که فرض می‌شود از قبل در پروژه موجود است، مسیر را از طریق واسط HTTP مذاکره می‌کند.

context مسیرهای درخواستی را که مرورگر می‌بیند انتخاب می‌کند؛ pathRewrite پیشوند توسعه را حذف می‌کند. هیچ‌کدام نام پروکسی شرکتی را نمی‌برند. این نگاشت‌ها را برای مسیری که API انتظار دارد حفظ کنید.

از جریان‌سازی و پردازش پاسخ معمول میان‌افزار استفاده کنید تا رد شدن API و خطای انتقال قابل تشخیص بمانند. یک رله دوم دست‌نویس که همیشه 200 برمی‌گرداند آن نتیجه را پنهان می‌کرد.

تنظیمات پروکسی مرورگر و پروکسی دانلود بسته npm مصرف‌کننده‌های دیگری را پیکربندی می‌کنند. این تنظیم به فرایند webpack تعلق دارد که فراخوانی خارجی API را انجام می‌دهد.

مقالات مرتبط