Почему, когда я запускаю свою реактивную сборку на Apache ... Просто появляется пустая страница ..? - PullRequest
0 голосов
/ 17 сентября 2018

приложение работает нормально на сервере узлов, но я получаю пустую страницу на сервере Apache, хотя я использовал абсолютный путь.

Вот код index.html

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
  <meta name="theme-color" content="#000000">
  <link rel="manifest" href="/manifest.json">
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <title>React App</title>
  <link href="./static/css/main.0778317d.css" rel="stylesheet">
</head>

<body>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <div id="root"></div>
  <script type="text/javascript" src="./static/js/main.1b4d826e.js"></script>
</body>

Вот скриншоты .. enter image description here

enter image description here

Ответы [ 2 ]

0 голосов
/ 04 декабря 2018

Мне не удалось заставить мое приложение, использующее React Router v4, работать на хостинге Apache, даже после выполнения действий, упомянутых @Abdul Moiz.

Я нашел этот ответ: https://stackoverflow.com/a/50657757/7867822

Принципиально изменение <BrowserRouter/> на <HashRouter/> сработало для меня.

0 голосов
/ 22 сентября 2018

Я использую реагирующий маршрутизатор 4 .поэтому, когда я использовал Router , это создает проблемы и не работает с абсолютными путями.вместо Router с использованием BrowserRouter и basename для магазина папок, куда я скопировал сборку моего проекта.

import {BrowserRouter, Route,Переключите} с 'response-router-dom';

<BrowserRouter history={history} basename="/shop/">
      <div>
        <Switch>
          <Route exact path="/" component={App} />
          <Route path="/cart" component={Cart} />
          <PublicRoute path="/login" component={LoginPage} />
          <PrivateRoute path="/dashboard" component={DashBoardPage} />
          <PrivateRoute path="/checkout" component={checkOut} />
          <PrivateRoute path="/favourite" component={favourite} />
          <PrivateRoute
            path="/payment_Information"
            component={PaymentInformation}
          />
          <Route path="/product_details/:pid" component={ProductDeatils} />
          <Route path="*" compononent="NotFound" />
        </Switch>
      </div>
    </BrowserRouter>

и в package.json file "homepage": "/ shop" для создания путей.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...