Reactjs – Previously Successful React Axios Post request now returns 403 Forbidden

I am developing a multi-user application with a Flask back-end and react front-end. I had up till a day ago a working API for basic CRUD apps including authentication using JWT. Today, I was testing the application to ensure it worked and when I clicked the clicked generate account button on the website, I received a 403 Forbidden Error in console.

The Flask back-end console does not show messages, so I know that the request did not reach the back-end so therefore it is not a server side issue. This is the code from the front-end file called GenerateAccountModal.js

 function generateAccount(event) {
            var account = {
                username: username,
                password: password,
                dob: dob,
                city: city,
                sex: sex,
                firstname: firstName,
                lastname: lastName
            }

            const config = {
                method: 'post',
                url: '/generate',
                data: account,
                headers: {
                'Content-Type': 'multipart/form-data',
            }
        };

            function addMessage(result) {
                dispatch(messageAdded(result))
            }

            console.log(account)

            axios(config)
                .then((response) => {
                        let result = response.data.userMessage
                        addMessage(result)
                    },
                    (error) => {
                        addMessage(error.response.data.error)
                    });

        event.preventDefault()
        toggleClose()
    }

Again, I am quite confident there is nothing wrong with my code. I enabled cross origin resource on the back-end. Just one day ago, the code was working fine, and I do not have a reason to believe that it is not working today.

The only problem I can think occured was that early I connected to a VPN service and I actually ran my application using the VPN. As soon as I realized I was still on VPN, i disconnected but I have not been able to resolve the issue. The only exception to the problem is when i add localhost:5000 to the url. In this case, I obtain a different issue:
On the console it states, " Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘data’)
at GenerateAccountModal.js:48:1"

The proxy is package-json is set to localhost:5000

So I am unsure what the issue is. I tried changing permission in the terminal to read and write to all parties. invalidated cache. I think my code is right but there might be a possibility i changed it slightly in the near past and now it doesnt work.

Please help with any advice.

Describes the situation about .