Я разрабатываю приложение с Nuxt и Express API на своем локальном компьютере.Здесь все работает нормально.Это приложение Nuxt Sigle с Axios.Express API тоже не работает.
Теперь я разместил приложение API и Nuxt на своем сервере Ubuntu (Plesk).Теперь приложение API + Nuxt работает, когда я открываю страницы Nuxt без asyncData или async fetch, оно также работает нормально.Но когда я открываю (при перезагрузке) страницу с запросом asyncData, я получаю ошибку:
Ошибка сервера В приложении произошла ошибка, и ваша страница не может быть обработана.Если вы являетесь владельцем приложения, проверьте подробности в своих журналах.
Это работает:
- запрос от Почтальона к онлайн-API (статус 200)
- перейдите на страницу без asyncData и нажмите на ссылку без перезагрузки (без SSR)
Это не работает:
- SSR-> открыть прямой URL на страницу с помощью asyncData из API (в журналах сервера укажите API код состояния 400)
Вот мой краткий код тестирования:
Express
const express = require('express')
const app = express()
const port = process.env.PORT || 5555
const cors = require('cors')
app.use(cors())
app.get('/public', (req, res) => {
res.send('response')
})
app.listen(port)
Nuxt.js
asyncData ({ $axios }) {
return $axios.$get(`https://api.domain.com/public`)
.then((res) => {
return { data: res }
})
}
забавно то, что когда я делаю запрос к (https://jsonplaceholder.typicode.com/todos) asyncData работает. Вот почему я думаю, что это проблема в моем API