Laravel React-router 404 для файлов ресурсов (CSS / JS)

Question

Я работаю с Laravel (5.6) и React (16.4.1 + реагирующий маршрутизатор) над проектом, и у меня возникла проблема, может быть, у некоторых из вас возникла аналогичная проблема, поэтому мне интересно, мы могли бы получить некоторые идеи.Недавно я нашел решение для обновления ошибки (404) здесь: Как использовать React Router с Laravel? и одна из решенных проблем / app / {что угодно}, тоже.

Теперь моя проблема с файлами ресурсов (/css, /js) из папки /public.Я попытался сделать обходной путь с тем же регулярным выражением, что и / app =>

Route::get( '/{path?}', function() { return view( 'home' ); })->where('path', '^((?!app|api|css|js).)*$');

, но он все еще не работает, как ожидалось.Как я читал, мы должны поместить этот фрагмент после всех маршрутов, которые мы включили в наше приложение, из-за механизма кэширования Laravel, но он не работает ни с файлами / css, ни с файлами ресурсов / js в папке /public, но работает с /apiи /app маршруты и все, что я добавлю перед / {path?}.

Есть ли какие-то решения для этого?Что я делаю неправильно?

Спасибо за любую помощь, ЛеФиззи.

Answer 1

Я думаю, что нашел решение для этого, и я подумал, что должен поделиться этим с другими, которые ищут это. Во-первых, это была ошибка. В представлении home.blade.php я неправильно связал свои файлы ресурсов, например: <link rel="stylesheet" href="http://mydomain.something/css/styles.css" />, и поэтому он не нашел маршрут и сопоставил его с / {path? / - так что он фактически отображает исходный вид, а не возвращает файл ресурсов.

Для этого Laravel предлагает решение для этого, ища ваши активы в папке /public, просто связывая ваши файлы, например: <link rel="stylesheet" type="text/css" href="{{asset('css/styles.css')}}" /> и почти такое же решение для JS (локальных) активов: <script src="{{asset('js/app.js')}}" ></script>.

Чтобы упомянуть, вы должны связать внешние (из других сетей), как я сделал, с моим приложением Laravel, которое не работало из-за проблемы, которую я просил.

Удачи с этим. :)