При перезагрузке браузера asyncData и Fetch запускает только бэкэнд, а не в браузере.
Чтобы устранить другие проблемы, я установил пустую установку nuxt со следующими настройками:
Название проекта Тест-проект
Описание проекта Мой светящийся проект Nuxt.js
Использовать пользовательский каркас сервера нет
Выберите функции для установки Linter / Formatter, Prettier
Использовать пользовательский интерфейс нет
Использовать пользовательские тестовые рамки нет
Выберите режим рендеринга Универсальный
Выберите менеджер пакетов npm
Я заменил все pages/index.vue
на:
<template>
<h1>Hello world</h1>
</template>
<script>
export default {
asyncData: function() {
console.log('async data')
},
fetch: function() {
console.log('fetch')
}
}
</script>
Чтобы разрешить консольный журнал, я изменяю .eslintrc.js
:
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
}
Работает при первой загрузке и при навигации, но не при перезагрузке браузера (пользовательская команда -R или нажатие кнопки перезагрузки). Проверено в последнем хроме).