Vue SPA, redirect rules

[iago]

Hello,
I have successfully deployed a vuejs application to netlify.
https://brilliant-sopapillas-44c438.netlify.app/

The SPA has its own routing, so no server side routing is needed. I know that the Apache has rewrite/redirect rules, how does the netlify server handle this?

Thanks, iago

[coelmay]

Hey @iago

This is done via rewrite. Check out the History pushstate and SPA documentation as well as the following support guide.

[Support Guide] Direct links to my single page app (SPA) don't work

Last reviewed by Netlify Support - August, 2023 If you’re building a Single Page Application (SPA), or an app that manages its own routes (url paths), you’ll want to add a _redirects file to your publish directory with the following line to take advantage of browser history pushstate: /* /index.html 200 You can read more information in our docs, which can be found here.

In short create a _redirects file in the project public directory with

/*   /index.html   200

[iago]

Hello,
thanks for the answer. I’ve already found that. However, I have no idea where my public directory is.
I don’t see any directory access on my netlify control panel.
Could you give me just one hint? Thanks!

It must be somewhere in the build & deploy section… I hope so… no idea to be honest…

[coelmay]

The public directory in your project. Here’s an example: https://github.com/coelmay/vue-netlify-basic/tree/main/public

[iago]

So I must push the _redirects file to github?.. If yes, will this automatically sync with netlify?

[coelmay]

Yes the file needs pushing to GitHub. If you have GitHub connected to Netlify, and builds are enabled, then Netlify will detect this change and rebuild your site.