Как добавить новый динамический маршрут c после развертывания с использованием nuxt? - PullRequest
Новая
       71

Как добавить новый динамический маршрут c после развертывания с использованием nuxt?

0 голосов
/ 30 января 2020

Я развернул свой сайт на AWS, используя nuxt generate с динамическим c маршрутом. На страницах нет проблем. Теперь я хочу добавить новый маршрут без всего процесса развертывания.

Вот пример: 

/post/1
/post/2
/post/3
------- already deployed and works fine ------
/post/4 <- want to add after deployment

Я вручную загружаю сгенерированные index.html в S3, чтобы получить доступ к файлу, как /post/4/index.html но если я попытался /post/4, он показывает страницу, созданную с помощью /post/_id.vue.

Я думаю, что маршрутизация не обновляется. (Я не знаю, что такое правило маршрутизации в папке /dist)

Есть ли способ загрузить новый динамический маршрут c без всего процесса развертывания?

Ответы [ 2 ]

1 голос
/ 31 января 2020

Я думаю, вам нужно сгенерировать каждую страницу перед развертыванием. По умолчанию динамические c маршруты игнорируются командой создания.

Go до nuxt.config.js и поиск ключа создания. Это простой пример для создания спецификаций c site. 

export default {
  ...
  generate: {
    routes: [
      '/post/1',
      '/post/2',
      '/post/3',
      '/post/4'
    ]
  }
}

Если вам нужно сгенерировать динамические c маршруты программно, вам нужно написать функцию.

Проверьте документы на дополнительная информация: https://nuxtjs.org/api/configuration-generate/

И, наконец, простой пример: 

import BlogService from './services/BlogService.js'
...
export default {
  ...
  generate: {
    routes: () => {
      return BlogService.getPosts().then(response => {
        return response.data.map(post => {
          return '/post/' + post.id
        })
      })
    }
  }
}
0 голосов
/ 31 января 2020

Произошла ошибка на publi sh. 

amplify publish // it publish vue application. it means that the target is SPA not Static page webiste

Я развернул файлы на S3, и она отлично работает.

Я пытался по поводу сайта ниже. Я также потерпел неудачу.

https://aws.amazon.com/ko/blogs/mobile/deploy-files-s3-dropbox-amplify-console/

Я хочу использовать усиление с генерацией nuxt вместе.

Неправильный вопрос, все равно нет правильного ответа .

...