axios 透過 proxy 連線發生 502 錯誤問題

問題

Windows Server 連外要透過 Proxy 時，原本在 Windows 設定中，設定 proxy 。
結果我們的 nodejs app 卻沒辦法吃到系統的設定。
設定 npm config set https-proxy http://192.168.0.100:808 去跑，
也還是會噴 502 的錯誤。
在 axios 設定 proxy config ，也還是噴 502 的錯誤。

解法

最後參考 Axios proxy is not working. 的設定，
proxy config 設定成 false, 並使用 https-proxy-agent 這個套件來設定 proxy。
這個也可以套用到 node-fetch 哦~
所以最後，環境變數，npm config 都不用設定，只要設定 httpsAgent 及 proxy 就可以了哦。
npm install --save axios https-proxy-agent node-fetch dotenv
package type 為 “module”
以下為 axios 及 node-fetch 的測試程式，

import dotenv from "dotenv";
dotenv.config();
import axios from "axios";
import { HttpsProxyAgent } from "https-proxy-agent";
//http://192.168.0.100:808
let httpsAgent = new HttpsProxyAgent(process.env.proxy);
const clientId = process.env.clientId;
const clientSecret = process.env.clientSecret;
const tenantId = process.env.tenantId;

let url = `https://login.microsoftonline.com/${tenantId}/oauth2/v2.0/token`;
let formData = new FormData();
formData.append("client_id", clientId);
formData.append("scope", "https://graph.microsoft.com/.default");
formData.append("client_secret", clientSecret);
formData.append("grant_type", "client_credentials");

console.log(
    "============================ Start axios Testing ============================================"
);
const options = {
    proxy: false,
    httpsAgent: httpsAgent,
};

axios.post(url, formData, options).then(
    (response) => {
        console.log("****** OK ******");
        console.log(response.data);
    },
    (error) => {
        console.log("XXXXX ERROR XXXXX");
        console.log(error);
    }
);

import dotenv from "dotenv";
dotenv.config();
import { HttpsProxyAgent } from "https-proxy-agent";
import fetch from "node-fetch";
//http://192.168.0.100:808
let httpsAgent = new HttpsProxyAgent(process.env.proxy);

const clientId = process.env.clientId;
const clientSecret = process.env.clientSecret;
const tenantId = process.env.tenantId;

let url = `https://login.microsoftonline.com/${tenantId}/oauth2/v2.0/token`;
let formData = new FormData();
formData.append("client_id", clientId);
formData.append("scope", "https://graph.microsoft.com/.default");
formData.append("client_secret", clientSecret);
formData.append("grant_type", "client_credentials");

console.log(
    "============================ Start fetch Testing ============================================"
);
fetch(url, {
    method: "POST",
    body: formData,
    agent: httpsAgent,
})
    .then((response) => {
        if (!response.ok) {
            console.log("XXXXX ERROR XXXXX");
        }
        // 解析 JSON 格式的 response body
        return response.json();
    })
    .then((data) => {
        console.log("Response from server:", data);
    })
    .catch((error) => {
        // 處理錯誤
        console.error("Error:", error);
    });

查看 npm 的 proxy 設定可以查看

npm config get proxy
npm config get https-proxy

UNABLE_TO_GET_ISSUER_CERT_LOCALLY

如果噴 UNABLE_TO_GET_ISSUER_CERT_LOCALLY unable to get local issuer certificate 的錯誤，
請參考 NPM err code unable_to_get_issuer_cert_locally 調整

參考資源

Axios proxy is not working.
ERR_BAD_RESPONSE 502 when using proxy
NPM err code unable_to_get_issuer_cert_locally