webpack-dev-server: elekeza simu za HTTPS API kupitia proksi ya kampuni

Ipe middleware ya proksi iliyopo ya webpack-dev-server HttpsProxyAgent, huku ukihifadhi lengo na uandikaji upya wa njia.

Sanidi muunganisho wa API upande wa Node katika webpack.config.mjs kwa umbo la sasa la safu ya proksi:

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': '' },
    }],
  },
};

Njia ni:

browser → webpack dev server → corporate proxy → HTTPS API

target unabaki kuwa HTTPS API halisi. Wakala, anayedhaniwa kuwa tayari yupo kwenye mradi, hujadili njia kupitia mpatanishi wa HTTP.

context huchagua njia za maombi zinazoonekana kwa kivinjari; pathRewrite huondoa kiambishi cha maendeleo. Hakuna kati yao kinachotaja proksi ya kampuni. Hifadhi ramani hizo kwa njia inayotarajiwa na API.

Tumia usambazaji na ushughulikiaji wa majibu wa kawaida wa middleware ili kukataliwa na API na kushindwa kwa usafirishaji vibaki vikitofautika. Reli ya pili iliyoandikwa kwa mkono inayorudisha 200 kila wakati ingeficha matokeo hayo.

Mipangilio ya proksi ya kivinjari na proksi ya upakuaji wa vifurushi ya npm husanidi watumiaji wengine. Mpangilio huu ni wa mchakato wa webpack unaofanya simu ya nje ya API.

Makala zinazohusiana