Переписывает и перенаправляет в AWS усиливается - PullRequest
Новая
       40

Переписывает и перенаправляет в AWS усиливается

0 голосов
/ 01 февраля 2019

Я новичок в AWS deployment и пытаюсь развернуть оба кода Backends (NodeJS, Express, MongoDB) и Frontend (React/Redux) в AWS.Я использую AWS Beanstalk для внутреннего интерфейса и AWS amplify для кода внешнего интерфейса.Я завершил бэкэнд-развертывание и протестировал его с помощью почтальона и даже протестировал API, запустив frontend на http://localhost:3000/.Я также развернул код на AWS Ampilify, но, похоже, я не знаю, какой Rewrites and redirects он использует, чтобы приложение могло переходить по разным URL-адресам.Мой это SPA.Я вижу экран входа в систему, но после ввода учетных данных он не переходит на защищенный (с использованием JWT Auth) URL-адрес.

Мое приложение при усилении размещено на: https://url-resolve-changes.d1z993fyobkz3s.amplifyapp.com/

App.js -> Содержит разные маршруты.Кроме /login и /register все маршруты должны быть проверены сначала с помощью PrivateRoute, а затем могут отображаться на домашней странице.Я объявил BASE_URL = host, но я не уверен, как я могу использовать его для навигации по различным URL-адресам 

// const BASE_URL = "https://url-resolve-changes.d1z993fyobkz3s.amplifyapp.com";

class App extends Component {
  render() {
    return (
      <div className="App">
        <MessageSnackbar />
        <Router history={history}>
          <Switch>
            <PrivateRoute
              exact
              path={`/`}
              renderFunc={routeProps => <HomePage {...routeProps} />}
            />
            <Route path={`/login`} component={Login} />
            <Route path={`/register`} component={Register} />
          </Switch>
        </Router>
      </div>
    );
  }
}

export default withTheme()(App);

. Я настроен ниже для перезаписей и перенаправлений в настройках Amplify.

enter image description here

manifest.json 

{
  "short_name": "React App",
  "name": "Create React App Sample",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

Проблема в том, что на данный момент ничего не загружается, когда я нажимаю: 

https://url-resolve-changes.d1z993fyobkz3s.amplifyapp.com/index.html

ИЛИ 

https://url-resolve-changes.d1z993fyobkz3s.amplifyapp.com/

URL-адрес бэкэнда настроен правильно, так как при отправке запроса от http://localhost:3000/ API работают нормально.Это просто часть перенаправления, которую я пропускаю.Дайте мне знать, если требуются какие-либо другие детали.Ценю твою помощь.Заранее спасибо.

1 Ответ

0 голосов
/ 11 июля 2019

Пока я поделился твоим вопросом на https://twitter.com/nswebstudio/status/1149276084304613376, я понял, что это его проблема в magnify.yml.Я исправил свой путь сборки следующим образом: 

baseDirectory: build

Полный скриншот файла ampify.yml enter image description here

Также прочитайте для справки: https://docs.aws.amazon.com/amplify/latest/userguide/build-settings.html

Надеюсь, это поможет

...