I get "Blocked request" when deploying astro website on kubernetes

[1hachem]

I get this error when trying to reach the astro app deployed on big-mama.io

Blocked request. This host ("big-mama.io") is not allowed.
To allow this host, add "big-mama.io" to `server.allowedHosts` in vite.config.js.

I tried doing as it says and adding the host to allowes hosts in vite.config.js but the error stayed
I also tried updating the astro.config.mjs to

// @ts-check
import { defineConfig } from 'astro/config';
import mdx from '@astrojs/mdx';
import sitemap from '@astrojs/sitemap';

import react from '@astrojs/react';

import tailwind from '@astrojs/tailwind';

// https://astro.build/config
export default defineConfig({
  site: 'https://big-mama.io',
  i18n: {
    locales: ['en', 'fr'],
    defaultLocale: 'en',
    routing: {
      prefixDefaultLocale: true,
      redirectToDefaultLocale: false,
    },
  },
  server: {
    port: 4321,
    host: true,
  },
  integrations: [
    mdx(),
    sitemap(),
    react(),
    tailwind({
      applyBaseStyles: false,
    }),
  ],
  vite: {
    server: {
      allowedHosts: true,
    },
  },
});

but the same problem

here the docker file I am using

# Use the official lightweight Node.js image with a version that supports pnpm.
FROM node:18-slim

# Set the working directory inside the container
WORKDIR /app

# Install pnpm
RUN npm install -g pnpm serve

# Copy the package.json and pnpm-lock.yaml files first to leverage Docker cache
COPY package.json pnpm-lock.yaml ./

# Install dependencies using pnpm
RUN pnpm install --frozen-lockfile

# Copy the rest of your app's source code
COPY . .

# Build the Astro application
RUN pnpm run build

EXPOSE 4321

# Serve the build directory on container startup
CMD ["pnpm", "run", "preview", "--host"]

my .dockerignore

.DS_Store/
node_modules/
dist/

scripts/
prod/

.astro/
.github/

please help me slove this

[ArnaudBarre]

It is important to note that vite preview is intended for previewing the build locally and not meant as a production server.

You should read https://vite.dev/guide/static-deploy.html#deploying-a-static-site or https://docs.astro.build/en/guides/deploy/

If you site is purely static, I advice using Netlify which doesn't require anything a part from linking the github repo.

[1hachem]

you are right, switching to this dockerfile solved my problem

FROM node:lts AS build

RUN npm install -g pnpm

WORKDIR /app

COPY pnpm-lock.yaml ./
COPY package.json ./

RUN pnpm install

COPY . .

RUN pnpm run build

FROM nginx:alpine AS runtime

COPY ./nginx/nginx.conf /etc/nginx/nginx.conf
COPY --from=build /app/dist /usr/share/nginx/html

EXPOSE 8080

I should have just followed the docs https://docs.astro.build/en/recipes/docker/#static