AWS Amplify 弄乱了 React Web 应用程序路由?

问题描述

我想看看其他人是否有这个问题。我刚刚使用 AWS amplify 部署了一个简单的 React 应用程序。部署后,生产 url 通常看起来像:https://aws-host/dashboard,如果我刷新,它会以某种方式向路由添加一些数字,例如 https://aws-host/000000002/dashboard,当然该页面不存在。我所做的每条路线都会发生这种情况。

这是我用于放大的构建 yaml:

version: 0.1
frontend:
  phases:
    preBuild:
      commands:
        - yarn install
    build:
      commands: 
        - yarn run build
  artifacts:
    baseDirectory: build
    files:
      - '**/*'
  cache:
    paths: 
      - node_modules/**/*

比较直接。这是我的脚本部分的 package.json 文件

  "scripts": {
    "start": "react-scripts start","build": "react-scripts build","test": "react-scripts test","eject": "react-scripts eject"
  }

它们基本上都是认的。我以前部署的放大应用程序从未遇到过这个问题。 我想知道是 AWS 放大问题还是我的 React 代码有问题?

我必须澄清一下,我尝试在本地运行它,但问题不存在。我事件做了一个 npm run build 在本地构建并在本地提供该构建,但问题仍然不存在。 经过一些测试,我意识到中间的数字实际上是我使用 amplify 部署的次数...

如果您有任何想法或类似问题,请分享

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)