Test the frontend application

  • Open the extracted source code in a Terminal.

  • Install dependencies:

    pnpm install

  • Start the frontend applications

    pnpm run dev

    alt text

  • Open the frontend application at http://localhost:5173/ with your browser. You should see the following UI.

    alt text

  • Open the Inspect feature of your browser

    alt text

  • Click of the Console tab, you should see some errors:

    Access to fetch at 'https://XXXXXXXXXX.execute-api.REGION.amazonaws.com/STAGE/users' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

    alt text

Our frontend application has called the API Gateway, but the request is blocked by the browser because of the CORS settings of the API Gateway.