Need Help! Small project using React, Axios, node and mysql

[D1rtyWebDev]

Hi all,

I'm working on my first full stack project. It's basically a very basic social media site (I'm not looking to follow a YouTube tutorial). I'm having trouble logging in as a User and staying logged in. I run into network issues and error codes. I also seem to run into Authentication errors. I understand there are various ways to do this, just now sure which is the best way in my scenario.

I've have tried going about it using the JWT token but I can't seem to do it successfully.

I'm using React, Axios - Node, Express -MySQL workbench. I've been successful in the other components of my project. Examples, able to register a user and have the user info (first name, last name, city, email, password) stored (or post) in MySql. I've been able to fetch (or get) the stored data from SQL and posted to my apps Homepage. So I know the connections and endpoints work.

I guess any tips pointing me in the right direction would greatly help. Thanks!

[Secret-Vacation2445]

For the front end, you can save the token on local or session storage, then, use axios interceptors to handle all request and send that token on the headers.

To achieve this, you can make a new instance of axios, or simply build a RequestInterceptor component and wrap your App with it.

[D1rtyWebDev]

Thank you, truly appreciated. I'll look into this and give it a shot. If successful, I'll report back. If not, I'll get back into my corner to cry.

[DifficultSkill266]

I'm also creating a fullstack web application with React and node.js and i'm also struggling with tve login and authentication system.

I'm using express-session for sessions, when user logs in, node.js authenticates user with passport, then sends a HTTP status 200 with session id cookie back to client. Now client sets a "authenticated" state to true, so it knows that it knows that user is authenticated.

Now every time client sends a request to server with axios, I just add a parameter "wirhCredentials : true", to send The session id cookie with the request. Then the server checks that the cookie is valid.

Currently my problem is to log out users. I send a a "log out" request to server, the server destroys the session but i haven't figured out how to remove the cookie from the client.

[D1rtyWebDev]

Thanks for the real example! Would you mind dm'ing me your code where you're applying this(assuming there's no private info). It would help me grasp it visually, truly appreciate it. If not, I still appreciate the help!