How does a vue-cli non-routing page jump to a routing page

The

project has a separate login page. After logging in successfully, enter the routing page.
how to achieve this, ask for advice


I haven't tried it, so I don't know what kind of pit there is. Theoretically speaking, the page jump in Vue is actually a component replacement for rendering, so

  • if it is a separate page, jump to a Vue application page through a regular browser, which should not be your routing page
  • if it is a Vue component, then integrate it into the route and use it as the default page for the route

you can use js page skipping directly
you can use an absolute path. If it is a relative path, pay attention to the root directory
window.location.href=' 's routed page path';


use url jump directly, and home is the destination route

window.location.href='www.xxxx.com/-sharp/home';

by design, the login page should be designed with the routing page in your mouth, that is, the login page should also be routed.
of course, if you don't want to, you can let the login page float on the routing page. If there is no login, the login page is visible. If the login is successful, the login page display:none


window.location.href can jump

.
Menu