Resource not found 404

I have setup my DALL-E 3 resource via Azure portal, I am able to use the UI in the open AI dashboard to generate images with prompts, however when I attempt to do this by using web app I have set up I get 404s. I have double checked the deployment name and the endpoint, as well as the API key.

I am sending requests such as:

{
  prompt: 'a white cat',
  size: '1024x1024',
  n: 1,
  quality: 'hd',
  style: 'natural'
}

To an endpoint /api I have setup via my express server. All I receive however is:

{code: '404', message: 'Resource not found'}

My express server is configured like so:

const express = require('express');
const app = express();
const port = 3000;
const { AzureOpenAI } = require('openai');

const endpoint = process.env["AZURE_OPENAI_ENDPOINT"]; // set in bash
const apiKey = process.env["AZURE_OPENAI_API_KEY"]; // set in bash
const deployment = "<name-of-deployment>"; // for example purposes, this has the real name in code
const apiVersion = "2024-07-01";

app.use(express.json());
app.use(express.static('dist'));

const getClient = function() {
  return new AzureOpenAI({
    endpoint,
    apiKey,
    apiVersion,
    deployment,
  });
}

const getImage = async (client, requestBody) => {
    return await client.images.generate(requestBody);
}

app.post('/api', async (req, res) => {
  const data = await getImage(getClient(), req.body)
    .catch((err) => {
      return err.error;
    });

  res.json(data);
});

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
});