webpack-dev-server: បញ្ជូនការហៅ HTTPS API តាមរយៈប្រូកស៊ីសហគ្រាស

កំណត់ការតភ្ជាប់ 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 នៅតែជា HTTPS API ពិតប្រាកដ។ ភ្នាក់ងារ ដែលសន្មតថាមាននៅក្នុងគម្រោងរួចហើយ ចរចាផ្លូវតាមរយៈអន្តរការី HTTP។

context ជ្រើសរើសផ្លូវសំណើដែលកម្មវិធីរុករកមើលឃើញ។ pathRewrite ដកបុព្វបទអភិវឌ្ឍន៍ចេញ។ ទាំងពីរមិនបញ្ជាក់ឈ្មោះប្រូកស៊ីសហគ្រាសទេ។ រក្សាការផ្គូផ្គងទាំងនោះសម្រាប់ផ្លូវដែល API រំពឹង។

ប្រើការផ្សាយ និងការគ្រប់គ្រងការឆ្លើយតបធម្មតារបស់មីឌលវែរ ដើម្បីឱ្យការបដិសេធរបស់ API និងបរាជ័យនៃការដឹកជញ្ជូននៅតែអាចបែងចែកបាន។ រីឡេទីពីរដែលសរសេរដោយដៃ ហើយតែងតែត្រឡប់ 200 នឹងបិទបាំងលទ្ធផលនោះ។

ការកំណត់ប្រូកស៊ីរបស់កម្មវិធីរុករក និងប្រូកស៊ីទាញយកកញ្ចប់របស់ npm កំណត់អ្នកប្រើផ្សេងទៀត។ ការកំណត់នេះជារបស់ដំណើរការ webpack ដែលធ្វើការហៅ API ខាងក្រៅ។