stati c HTML целевые страницы с приложением Create React - PullRequest
Новая
       8

stati c HTML целевые страницы с приложением Create React

0 голосов
/ 13 июля 2020

Привет, у меня есть целевая страница stati c html, которая имеет собственные ресурсы css, stati c и связана с парой других страниц c stati. Так что весь мини-проект имеет свой индекс. html, about-us. html, contact. html et c. Кроме того, я также создал приложение для реагирования через CRA, где у меня есть эта действительно классная панель инструментов, теперь я хочу объединить две, где точкой входа на мой веб-сайт является целевая страница, а затем, когда вы go перейдете на путь / dashboard это мое приложение для реагирования. Как я могу этого добиться?

Итак, структура проекта для моего проекта целевой страницы stati c выглядит так: 

/homepage
--index.html
--contact.html
--about-us.html
--/static
----css files, imgs, ect

Мой проект React использует маршрутизатор реакции, поэтому У меня есть полностью работающий проект React по пути / панели инструментов 

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import * as serviceWorker from "./serviceWorker";
import { Route, BrowserRouter as Router, Switch } from "react-router-dom";
import Login from "./components/Login/Login";
import Dashboard from "./components/Dashboard";
import SignupPage from "./components/Signup/SignupPage";

const App = (
  <Router>
    <Switch>
      <Route exact path="/login" component={Login} />
      <Route exact path="/signup" component={SignupPage} />
      <PrivateRoute exact path="/dashboard" component={Dashboard} />
    </Switch>
  </Router>
);

ReactDOM.render(App, document.getElementById("root"));

serviceWorker.unregister();

1 Ответ

0 голосов
/ 13 июля 2020

После того, как вы запустите yarn build, ваше приложение create response будет иметь папку с именем build с несколькими файлами в ней. Вас интересуют файлы index.html и все, что находится в папке static.

Файл index. html можно скопировать в любое место вашего веб-сервера. Его можно без проблем переименовать. Папка static должна находиться в каталоге root вашей веб-страницы - index.html ссылается на все файлы как на /static.

Имена и структуру файлов можно изменить, но вы бы вам придется извлечь ваш CRA-проект и отредактировать скрипты самостоятельно.

...