Nuxt js dynamici c маршруты не работают при перезагрузке страницы после развертывания в качестве SPA на AWS Amplify console

Question

Я развернул свое приложение Nuxt js как SPA на AWS, используя AWS Консоль Amplify. Теперь на моем сайте есть несколько динамических c маршрутов, которые перенаправляются на страницу 404 при перезагрузке или открытии в новой вкладке. Я знаю, что когда мы генерируем статический сайт c, используя nuxt generate, маршруты должны использовать route () в nuxt.config. js. Но в режиме SPA он должен работать на странице refre sh или перезагрузить. Даже в Angular при запуске в режиме SPA маршруты Dynami c работают нормально. Странно, что динамические маршруты c не работают, когда веб-сайт запускается как одностраничное приложение.

При локальном использовании в производственном режиме, т.е. npm run build && npm run start маршруты работают нормально. Но после развертывания на AWS Amplify он перенаправляет на страницу 404. Что я здесь пропускаю? Вот конфиг Amplify.yml, который я использовал

version: 0.1
frontend:
  phases:
    preBuild:
      commands:
        - npm ci
    build:
      commands:
        - npm run build
  artifacts:
    # IMPORTANT - Please verify your build output directory
    baseDirectory: dist
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*
test:
  artifacts:
    baseDirectory: cypress
    configFilePath: '**/mochawesome.json'
    files:
      - '**/*.png'
      - '**/*.mp4'
  phases:

Answer 1

@ lupas помогли мне в разногласиях. Вам просто нужно установить, как показано ниже

1) На консоли Amplify go: Перезаписать и перенаправить 2) Удалить существующую запись 3) Добавить следующее: Адрес источника: Целевой адрес: /index.html Тип: 200 (переписать)