Блог

Главная - Вопросы по программированию - nuxt.js создание статического сайта с динамическими маршрутами в netlify

nuxt.js создание статического сайта с динамическими маршрутами в netlify

#javascript #vue.js #deployment #nuxt.js #netlify

#javascript #vue.js #развертывание #nuxt.js #netlify

Вопрос:

Я пытаюсь сгенерировать статический сайт с динамическими маршрутами.

мой nuxt.config.js выглядит так:

 const works = require('./static/works.json').map(item => '/work/'   item.slug)

export default {
  generate: {
    routes: works
  },
}

локально это работает. все в порядке. но в netlify при запуске npm run generate возвращает эту ошибку: (и не генерирует)

 Error: connect ECONNREFUSED 127.0.0.1:3000
10:17:49 PM: at TCPConnectWrap.afterConnect [as oncomplete] (net.js: 1097: 14)

что происходит?

Комментарии:

1. Вероятно, вы ссылаетесь где-то в своем коде на localhost для извлечения данных

2. Я использую модуль axios на индексной странице и только это. — асинхронный asyncData ({$ axios}) { const работает = ожидает $ axios. $ get (‘./works.json’) возвращает {works} }, как это может быть связано с generate?

3. да, и ваш базовый URL axios — localhost, если вы не задали другой. Это выполняется во время генерации, поэтому сервер, с которого вы получаете данные, должен быть доступен

4. Я чувствую себя потерянным. согласно документации модуля Axios «Автоматически устанавливать базовый URL для клиента и сервера». просто чтобы было ясно, что все работает локально, единственная проблема заключается в том, когда я запускаю npm run generate в netlify (возвращает ошибку, которую я указал в вопросе). Я действительно не понимаю, что мне следует делать.

5. итак, когда вы запускаете его локально, работает какой-то сервер, который возвращает ваши данные. Если ваш работает. json — это локальный файл, почему вы используете axios для его получения вместо импорта и использования, как в конфигурации?