vue router when refresh 404

Add Answer

not me answered on September 28, 2021 Popularity 1/10 Helpfulness 1/10

answer vue router when refresh 404

related vue router 404 page

related on refresh page vue.js application return 404

related vue router refresh page not found

related Uncaught TypeError: WOW is not a constructor

vue router when refresh 404

Comment

use createWebHashHistory , It does however have a bad impact in SEO
---
import { createRouter, createWebHashHistory } from "vue-router";

const router = createRouter({
	history: createWebHashHistory(),
	routes: [
      {
          ...
      },
	],
});
      
export default router;

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript refresh vue-router when

Link to this answer
Share Copy Link

Contributed on Jan 14 2025

not me

0 Answers Avg Quality 2/10

Closely Related Answers

vue router 404 page

Comments(1)

const ROUTER_INSTANCE = new VueRouter({
    mode: "history",
    routes: [
        { path: "/", component: HomeComponent },
        // ... other routes ...
        // and finally the default route, when none of the above matches:
        { path: "*", component: PageNotFound }
    ]
})

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: 404-page 404-pag

Link to this answer
Share Copy Link

Contributed on Sep 28 2021

Shadow

0 Answers Avg Quality 2/10

on refresh page vue.js application return 404

Comment


I think you are missing that SPA is not server side rendering. At least for the majority. So, when you access /anything your web server won't redirect it to index.html. However, if you click on any vuejs router link, it will work due to the fact that the javascript got in action, but not the server side.

To solve this, use .htaccess and redirect all requests to index.html like so

<ifModule mod_rewrite.c>
    RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</ifModule>
Hope it helps someone!

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 20 2022

shafeeque

0 Answers Avg Quality 2/10

vue router refresh page not found

Comment

const ROUTER_INSTANCE = new VueRouter({
    mode: "history",
    routes: [
        { path: "/", component: HomeComponent },
        // ... other routes ...
        // and finally the default route, when none of the above matches:
        { path: "*", component: PageNotFound }
    ]
})

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 28 2021

Shadow

0 Answers Avg Quality 2/10

Uncaught TypeError: WOW is not a constructor

Comment

// if you have this
new WOW().init();

// replace it with this
new WOW.WOW().init();

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: constructor javascript

Link to this answer
Share Copy Link

Contributed on Jan 12 2025

Noah

0 Answers Avg Quality 2/10

vue router when refresh 404

Contents

More Related Answers

vue router when refresh 404

Closely Related Answers

vue router 404 page

on refresh page vue.js application return 404

vue router refresh page not found

Uncaught TypeError: WOW is not a constructor

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.