404 Not Found Vue?

Question

Vue.js

I put a Vue project on the server, a typical SPA, but with VKontakte authorization.
The problem is that when routing outside the application, it comes out:

What does routing outside the application mean?

Это, когда ты вне этого приложения начинаешь заходить на любую страницу.
К примеру, с google.com заходишь сразу же на любую из страниц приложения.

But if routing happens inside the application, for example: / to /login - everything works.
How to decide?

Answer 1

Vue Router cannot work with external URLs. Use JS

{
    path: "/google",
    component: Google,
    beforeEnter(to, from, next) {
      window.location.href = "https://google.com/";
    }
}

Answer 2

create a .htaccess file in the root of the project

RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]