Ошибка получения прокси-сервера: произошла ошибка при проксировании запроса [ECONNREFUSED] в приложении реагирования ⇐ Android

[Anonymous]

У меня есть приложение реагирования, которое выполняет вызовы API через axios на мой сервер, и я получаю сообщение об ошибке
[HPM] Error occurred while proxying request matt.hearthdisplay.com:3000/api/user/my to http://localhost:8000/ [ECONNREFUSED] (https://nodejs.org/api/errors.html#erro ... tem_errors)
Я даже не вызываю прокси в своем package.json, поэтому я не уверен, почему он вообще пытается это сделать? Для контекста запросы API GET работают на компьютерах моего коллеги с тем же кодом, и я недавно переехал в новое место с другим маршрутизатором Wi-Fi, поэтому я не уверен, является ли это проблемой конкретного компьютера.
matt.hearthdisplay.com:3000/api/user/my — это мое интерфейсное приложение, а http://localhost:8000/ — мое серверное приложение.
Что может быть причиной этого? Я использую Macbook M1 под управлением Mac OS Montery 12.3. Ниже приведены мои файлы, которые должны помочь. Я перепробовал все, что нашел в Интернете...
Запрос API, вызывающий ошибку
useEffect(() => {
async function inner() {
const response = await axiosClient.get(`/user/my`, {
headers: {
Authorization: `Bearer ${token}`,
},
});
if (response.status === 200) {
setFormState({
firstName: response.data.user.first_name,
lastName: response.data.user.last_name,
});
}
}

if (!!token) {
inner();
}
}, [token]);

axiosCLient.ts
import axios, { AxiosResponse } from "axios";
import { apiRoot } from "./variables";

const axiosClient = axios.create({
baseURL: apiRoot,
});

// Timeout in 3 seconds by default
axiosClient.defaults.timeout = 3000;

function handle2xxResponse(response: AxiosResponse): AxiosResponse {
return response;
}

axiosClient.interceptors.response.use(handle2xxResponse);

export default axiosClient;

package.json
{
"name": "webapp",
"version": "0.1.0",
"private": true,
"dependencies": {
"@emotion/react": "^11.7.1",
"@emotion/styled": "^11.6.0",
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-solid-svg-icons": "^5.15.4",
"@fortawesome/react-fontawesome": "^0.1.16",
"@fullhuman/postcss-purgecss": "^4.1.3",
"@mui/icons-material": "^5.2.4",
"@mui/material": "^5.2.4",
"@mui/styled-engine-sc": "^5.1.0",
"@sentry/react": "^6.16.1",
"@sentry/tracing": "^6.16.1",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"@types/jest": "^26.0.15",
"@types/node": "^12.0.0",
"@types/react": "^17.0.0",
"@types/react-dom": "^17.0.0",
"@types/react-lottie": "^1.2.6",
"axios": "^0.24.0",
"http-proxy-middleware": "^2.0.3",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-hook-form": "^7.21.2",
"react-lottie": "^1.2.3",
"react-native-dropdown": "^0.0.6",
"react-router-dom": "^6.0.2",
"react-scripts": "4.0.3",
"styled-components": "^5.3.3",
"tailwindcss": "^2.2.19",
"typescript": "^4.1.2",
"web-vitals": "^1.0.1",
"zustand": "^3.6.5"
},
"scripts": {
"build:tailwind": "postcss src/styles/index.tailwind.css -o src/styles/index.css",
"watch:tailwind": "postcss -w src/styles/index.tailwind.css -o src/styles/index.css",
"start": "run-p watch:tailwind start:react",
"start:react": "react-scripts start",
"prebuild": "npm run build:tailwind",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"autoprefixer": "^10.4.0",
"npm-run-all": "^4.1.5",
"postcss": "^8.4.4",
"postcss-cli": "^9.0.2"
}
}

setUpProxy.js
const { createProxyMiddleware } = require("http-proxy-middleware");

module.exports = function (app) {
app.use(
createProxyMiddleware("/api", {
target: "http://localhost:8000",
changeOrigin: true,
secure: false,
})
);
};


Подробнее здесь: https://stackoverflow.com/questions/718 ... fused-in-r