Vue router - user może zepsuć działanie mojej aplikacji ręcznie wpisując link

Question

Tworzę SPA z wykorzystaniem Vue, backend w Laravelu. Mój homepage to lista itemów w widoku Home.vue . Do każdego z nich można przejść, co opisuje widok InsideSet.vue. Wszystko działa dobrze gdy użytkownik klika po router linkach, jeżeli jednak sam wpisze w przeglądarce link "z palca", to w konsoli pojawiają się różne błędy, często dotyczące Jquery mówiące np ze $(...).tooltop() is not a function. Gdy dokładnie ten sam link jest uzyskiwany poprzez kliknięcie w router link, wszystko jest ok. Jak się do tego zabrać i nie pozwolić aby wpisanie linku w pasek przeglądarki zaburzało działanie aplikacji i powodowało różne błędy? Chciałabym aby link "z zewnątrz" również był obsługiwany. 

Tutaj folder z widokami .vue

Tutaj konfiguracja routera

Tutaj konfiguracja routes w laravelu 

Answer 1

Spróbuj dodać w htaccess takie coś:

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]

RewriteRule ^(.*) /index.html [NC,L]

 

Comments

Co to robi?