Building Enterprise JavaScript Applications

Resolving CORS issues

Now, if we reload the page, fill in our details, and press the Register button, we'll encounter a CORS-related error. This is because our API server is currently only servicing requests from our Swagger documentation page (on http://localhost:8100); requests from other websites are rejected.

To resolve this, we need to provide the Hobnob API with information about the location of our client. We can do this by adding a few more environment variables. Add the following entries to the envs/.env and envs/.env.example files in our Hobnob API repository.

CLIENT_PROTOCOL=httpCLIENT_HOSTNAME=127.0.0.1CLIENT_PORT=8200

Then, we need to add the client's origin to the list of origins our API should allow. We can do this by updating ...