Невозможно получить доступ к свойству объекта внутри обещания, но можно получить доступ ко всему объекту ⇐ Javascript

[Anonymous]

Для контекста я использую Vue3, и следующий код находится внутри функции onMounted компонента:

Код: Выделить всё

SettingsPage.vue

:

Код: Выделить всё

    onMounted(async () => {

// Fetch available locales from API
availableLocales.value = await api.locale.getLocales().then((response => response.locales))

// Fetch user settings from API
var settings = await api.user.getUserSettings().then(response => {

console.log(response.userSettings)
// Correctly displays the object, including all the values of all properties correctly
//{mainLocale: ?, darkMode: ? etc...}
console.log(response.userSettings.mainLocale)
// Displays undefined

Вызов API находится в другом файле:

Код: Выделить всё

api.ts

Код: Выделить всё

    getUserSettings: async (): Promise => {
return await axiosService.get(`/api/user/settings/get`).then((response) => response.data);
},

Проблема отображается в комментариях: я могу успешно распечатать весь объект, правильно получив всю необходимую информацию, но не могу получить ни одного свойства изнутри объекта, так как он возвращает «неопределенное».
Я осмотрелся и попробовал различные «хаки», такие как JSON.parse(JSON.stringify(response.userSettings)), и ничего сработало.

Подробнее здесь: https://stackoverflow.com/questions/793 ... ole-object