Блог

У меня есть react SPA, который обслуживается Laravel.. Я хочу, чтобы SPA мог переходить на некоторые страницы, которые также обслуживаются Laravel..

Обновить:

В качестве примера … в моем приложении на основе coreui-react.. Я хочу разрешить пользователю открывать руководство пользователя, созданное с использованием vuepress. Я хочу иметь возможность открывать его на совершенно новой странице и не включать его в SPA. SPA отображается наhttps://test.local / руководство пользователя находится по адресу https://test.local/docs

Ссылка на = «/ docs» возвращает меня обратно в SPA, ссылка на =»//test.local /docs» также выполняет

Я также попытался разместить onClick={() => window.местоположение = окно.location.protocol «//» window.Расположение.имя хоста «/ docs»} внутри ссылки, но без изменений, за исключением того, что он выпадает с локального сервера разработки (порт 3000).. но если он находится в сборке, то он все равно попадает в ReactRouter

Есть предположение, что StaticRouter сделает это, но все примеры, которые я вижу, относятся к рендерингу содержимого на стороне сервера, которое будет использовать SPA, а не к переходу на страницу, доставленную сервером..

Я вроде как на пределе своих возможностей.. моя единственная мысль на данный момент — переместить SPA из «/» в «/ app» и вообще не обрабатывать «/» внутри SPA в надежде, что ReactRouter пропустит это

Похоже, это долгосрочная проблема в ReactRouter.. но в прошлом вы могли бы пробиться грубой силой сместоположение — но, похоже, это уже не так..

Если я правильно понимаю, вы можете использовать «история».:

 const history = useHistory();
  

вы должны импортировать useHistory из react-router-dom :

 import { useHistory } from 'react-router-dom'
  

и тогда вы можете использовать:

 history.push('/analytics')