Проблема несоответствия типа данных в приложении React с TypeScript в производственном сервере ⇐ C#

[Anonymous]

Мои данные поступают из конечной точки API X. Мое бэкэнд приложение C# приносит данные и отправляет их на приложение Frontend React. Это хорошо работает в моем местном доме. Но после развертывания на сервере я обнаружил, что данные не находятся в правильном формате. Хотя данные, получая и возвращающиеся в приложение Frontend, все в порядке. Это класс бэкэнд C#, < /p>
public class ABC
{
public string Day { get; set; }
public double Output { get; set; }
public double Target { get; set; }
}

public class XYZ
{
public XYZ()
{
Output = 0;
Target = 0;
}

public double Delta
{
get
{
return this.Target - this.Output;
}
}
public double Output { get; set; }
public double Target { get; set; }
}

public class FetchPart
{
public XYZ XYZ;
public List ABC;

public ThroughputWeekly()
{
XYZ = new XYZ();
ABC = new List();
}
}
< /code>
Бэкэнд -часть возвращает данные в правильном формате, < /p>
{
"XYZ": {
"Delta": 101.0,
"Output": 149.0,
"Target": 250.0
},
"ABC": [
{
"Day": "Monday",
"Output": 60.0,
"Target": 50.0
},
{
"Day": "Tuesday",
"Output": 33.0,
"Target": 50.0
},
{
"Day": "Wednesday",
"Output": 37.0,
"Target": 50.0
},
{
"Day": "Thursday",
"Output": 19.0,
"Target": 50.0
},
{
"Day": "Friday",
"Output": 0.0,
"Target": 50.0
},
{
"Day": "Saturday",
"Output": 0.0,
"Target": 50.0
},
{
"Day": "Sunday",
"Output": 0.0,
"Target": 50.0
},
{
"Day": "Monday",
"Output": 0.0,
"Target": 50.0
}
]
}
< /code>
Я реализую часть фронта, используя React.js и TypeScript, который работает нормально, и показывают данные в правильном формате в Localhost. После развертывания на сервере я заметил, что он здесь не работает, так как он работает в Localhost. На производственном сервере данные выглядят так < /p>
{
"a": {
"Delta": 101.0,
"Output": 149.0,
"Target": 250.0
}
}
< /code>
Не уверен, как он меняется на фронте. Вот код фронтальной части, < /p>
class XYZData{
public delta!: number;
public output!: number;
public target!: number;
}

class FetchPartData{
public xyz: XYZData;
public abc: ABCData[];

constructor(xyz: XYZData,
abc: ABCData[]
)
{
this.xyz = xyz;
this.abc = abc;
}
}

export default FetchPartData;
< /code>
код моего компонента React < /p>
const [apiData, setFetchData] = useState(null);

httpClient
?.get(`/api/endpoint${filterData}`).subscribe({
next: (response: { data: IFetchPartData; }) => {
const currentData = response.data;
console.log("API response: ", currentData);
setFetchData((prevData) => {
if (
prevData?.xyz !== currentData.xyz ||
prevData?.abc !== currentData.abc
) {
return currentData;
}
return prevData;
});
}
});


Подробнее здесь: https://stackoverflow.com/questions/794 ... ion-server