Estoy tratando de enviar una solicitud de origen cruzado para obtener un token de acceso en mi host local de la aplicación React spa. Recibí el primer error 'Access-Control-Allow-Origin', para resolverlo definí proxy a webpack.

Cuando ejecuto el bloque de código a continuación, obtengo 400 errores de solicitud incorrectos.

 Proxy code '/payment': { target: 'https://apitest.domain.com', changeOrigin: true, secure: false, pathRewrite: { '^/payment': '' }, } ------------------- async getPaymentAccessToken() { const msg = await request<PaymentAccessTokenResponse>(`/payment/accesstoken/get`, { method: 'POST', prefix: undefined, credentials: 'include', headers: { client_id: this.client.client_id, client_secret: this.client.client_secret, 'Ocp-Apim-Subscription-Key': this.client['payment-Subscription-Key'], 'Merchant-Serial-Number': this.client['Merchant-Serial-Number']!, }, }); return msg; }

{"error":"invalid_request","error_description":"AADSTS9002326: el canje de token de origen cruzado solo se permite para el tipo de cliente 'Aplicación de página única'.\r\nID de seguimiento: 0c7f2993-b612-434d-9cee- 244e88f51600\r\nID de correlación: 45d80262-c77f-487b-a95b-4566c736e1bc\r\nMarca de tiempo: 2022-06-07 19:14:30Z","error_codes":[9002326],"timestamp":"2022-06- 07 19:14:30Z","trace_id":"0c7f2993-b612-434d-9cee-244e88f51600","correlation_id":"45d80262-c77f-487b-a95b-4566c736e1bc","error_uri":"https://iniciar sesión .windows.net/error?code=9002326"}