Correct Vue after removing the public from the path

Question

I removed the "public" from the path use this instruction Laravel 5 – Remove Public from URL

But now vue scripts do not work. If you add to the path public script works (http://example.com/public/anket)

Why would you want to remove public/ from public files url though? — senty, Mar 24 '19 at 20:45
To ensure that users do not type "public" after the site address — test_name, Mar 24 '19 at 21:09
Oh sorry, I thought you were trying to remove /public from public directory (.js or .css files) — senty, Mar 24 '19 at 21:11

JJMontalban · Answer 1 · 2020-03-06T08:42:48.860

After modify you need changing .htaccess like this:

RewriteEngine On

RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)/$ /$1 [L,R=301]

RewriteCond %{REQUEST_URI} !(\.css|\.js|\.png|\.jpg|\.gif|robots\.txt)$ [NC]
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.php [L]

RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_URI} !^/public/
RewriteRule ^(css|js|images)/(.*)$ public/$1/$2 [L,NC]

This way static files will not be ignored and Vue components will work again.

Regards

Correct Vue after removing the public from the path

1 Answers1