在AWS Amplify控制台上部署为SPA后，Nuxtjs动态路由在重新加载页面时不起作用

Question

我已使用AWS Amplify控制台将我的Nuxtjs应用作为SPA部署在AWS上。现在，我的网站有一些动态路由，当重新加载或在新选项卡中打开时，这些路由会重定向到404页面。我知道当我们使用nuxt generate生成静态站点时，路由应该在nuxt.config.js中使用路由（）。但是在SPA模式下，它应该可以刷新页面或重新加载页面。即使在Angular中以SPA模式运行时，动态路由也可以正常工作。非常奇怪，当网站作为单页应用程序运行时，动态路由不起作用。

[在生产模式下本地使用时，即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帮助我解决了nuxt不和。您只需要设置如下

1）在Amplify控制台上，转到：重写和重定向2）删除现有条目3）添加以下内容：源地址：目标地址：/index.html类型：200（重写）