Breaking News: Grepper is joining You.com. Read the official announcement!

Vue JS Production mode refresh causing 404 error

Bored Bug answered on August 1, 2021 Popularity 8/10 Helpfulness 4/10

answer Vue JS Production mode refresh causing 404 error

related on refresh page vue.js application return 404

Vue JS Production mode refresh causing 404 error

Comment

url:  https://next.router.vuejs.org/api/#history

createRouter({
  history: createWebHashHistory(),
  // other options...
})

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: next.router.vuejs.org

Tags: javascript mode production refresh

Link to this answer
Share Copy Link

Contributed on Aug 01 2021

Bored Bug

0 Answers Avg Quality 2/10

Closely Related Answers

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 JS Production mode refresh causing 404 error

Contents

More Related Answers

Vue JS Production mode refresh causing 404 error

Closely Related Answers

on refresh page vue.js application return 404

Grepper

Documentation

Social

Legal

Contact

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