Σχήμα 4.43: Κώδικας χρήσης του useEffect Hook στη React.

(resources) σε έναν server μπορούν να ζητηθούν μόνο από requests που έρχονται

από τον ίδιο server. Έτσι, κατά την υλοποίηση της εϕαρμογής, η οποία έγινε σε

localhost αλλά σε διαϕορετικά domains για το front-end και το back-end, για να

είναι εϕικτό να αποσταλούν requests από το front-end μέσω του browser στο back-

end έπρεπε να οριστούν στο back-end συγκεκριμένα headers στα responses που

στέλνονται πίσω στον client ώστε ο browser να αναγνωρίζει αυτά τα headers και να

επιτρέψει την πρόσβαση και να μην εμϕανίσει το security error. Οπότε, στο back-end

δημιουργήθηκε ένα middleware πριν ϕτάσουν τα requests στα συγκεκριμένα routes

της εϕαρμογής, δηλαδή πριν από αυτά τα middlewares ώστε να προσθέτονται τα

headers σε όλα τα responses. Επιπλέον, αυτά τα headers είναι απαραίτητα όταν η

εϕαρμογή τοποθετείται on-line σε δύο διαϕορετικούς servers, έναν για το front-end

και έναν για τον back-end. Στο σχήμα 4.44 προβάλλεται ο αντίστοιχος κώδικας για

την επιτυχή υλοποίηση των παραπάνω.

Σχήμα 4.44: Κώδικας για τον ορισμό των αποδεκτών headers (middleware).

Validation

Όπως έχει ήδη αναϕερθεί σε προηγούμενη ενότητα, έχει τοποθετηθεί κατάλληλο

validation τόσο στο front-end όσο και στο back-end. Χρησιμοποιώντας, λοιπόν, μια

86