webpack-dev-server: HTTPS API կանչերի ուղղում կորպորատիվ պրոքսիի միջով

Ավելացրեք HttpsProxyAgent webpack-dev-server-ի գոյություն ունեցող պրոքսի միջնորդ ծրագրին՝ պահպանելով թիրախը և ուղու վերագրանցումը։

Կարգավորեք 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 կանչը։

Առնչվող հոդվածներ