#[SOLVED] SPA Not working

26 messages · Page 1 of 1 (latest)

meager crescent
#

So I'm using vite/react, which is spa, and it used to work before, but now whenever I go to any route except the root it shows appwrites 404 page, instead of using my routing, why is this?

stone ether
#

Do you get any errors while deploying the site? Also, which region you're using?

meager crescent
#

NY, and I don't think so, let me check

#

other than from postcss, no

stone ether
#

You said it used to work before and it's a SPA, then what do you mean by routing? Have you added more routes/pages recently?

meager crescent
#

Everything should route to index.html, and the code inside my project is what should do the routing, using react-router. I belive their are new routes, I don't think that could be a cause

#

And it used to work.

stone ether
#

Can you share with me the deployed link?

meager crescent
stone ether
#

As I can see, you're directly using /account route here upon clicking the login/signup button instead of a /login or /signup route which means the user is getting redirected directly to the /account route even before he/she could login or signup. Don't you have any /login or /signup route?

meager crescent
#

/account redirects to the login page if no account is signed in, but that route doesnt work either, which would be /auth/login

#

it could be the lazy loading, but it's work in the past with it so

#

my other vite project still works fine, which is werid because its basically the same setup

#

idk if I fucked something up or not, but it's still weird

stone ether
#

If you don't mind and if you're comfortable, can you share the code for this? Then only I'll be able to tell if it's a mistake from your side or anything else

meager crescent
meager crescent
stone ether
#

In this part of your AccountCard.jsx :

<a href="/account">
   <GlintButton>Manage Account</GlintButton>
</a>
.
.
<a href="/account">
   <GlintButton>Log In or Sign Up</GlintButton>
</a>

Can you try replacing it with Link component from react-router-dom? Like this:

<Link to="/account">
  <GlintButton>Manage Account</GlintButton>
</Link>
.
.
<Link to="/account">
  <GlintButton>Log In or Sign Up</GlintButton>
</Link>
#

If it's really a routing issue, then this will solve it. And if it's something else, it won't. Try this and let me know the results.

meager crescent
#

so anything after alpha 10 doesnt work

#

ima fuck with some things and see if anything does anything

meager crescent
#

the output files are basically identical apart from the assets folder which contains the javascript, so I'm pretty sure its an appwrite issue. Im not sure why it isn't putting all routes to index.html

#

I FIXED IT

#

inside build settings I didn't have a Fallback file set, changing it to index.html fixed it!!!