webpack-dev-server: định tuyến lời gọi HTTPS API qua proxy của doanh nghiệp

Gán HttpsProxyAgent cho middleware proxy sẵn có của webpack-dev-server, giữ nguyên mục tiêu và việc viết lại đường dẫn.

Cấu hình kết nối API phía Node trong webpack.config.mjs bằng dạng mảng proxy hiện tại:

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

Lộ trình là:

browser → webpack dev server → corporate proxy → HTTPS API

target vẫn là HTTPS API thật. Agent, được giả định đã có trong dự án, thương lượng đường dẫn qua trung gian HTTP.

context chọn các đường dẫn yêu cầu mà trình duyệt thấy; pathRewrite loại bỏ tiền tố phát triển. Cả hai đều không nêu tên proxy doanh nghiệp. Hãy giữ các ánh xạ đó cho đường dẫn mà API mong đợi.

Dùng luồng và cách xử lý phản hồi thông thường của middleware để việc API từ chối và lỗi truyền tải vẫn phân biệt được. Một relay thứ hai viết tay luôn trả 200 sẽ che mất kết quả đó.

Cài đặt proxy của trình duyệt và proxy tải gói của npm cấu hình cho những đối tượng khác. Cài đặt này thuộc về tiến trình webpack thực hiện lời gọi API bên ngoài.

Bài viết liên quan